Skip to content

Mr. xcHong

simple ideas change the world

  • Blog
  • Portfolio
    • Material Design Lite for Meteor
    • Adobe Audition Project Cleanup Helper
    • Javascript Process Queue
    • Javascript Set Race Helper
    • iNotiC – Tiny Notification System
    • HTML5 Responsive Digital Clock
  • Project V.E.S.C
    • Dev. Logs
  • Lab
    • Porter
      The merged system from Javascript Porter and CSS Porter.
    • Full-screen Clock
    • LC-3 Simulator
    • You Shout
  • Ideas
  • Archive
  • Resources

xc-h.net

Copyright © 2018 xc-h.net. All Rights Reserved.

Tag: CSS

LESS declaration block as mixins arguments

.some-mixin(
@titleFont: '',
@bodyStyle: {},
) {
& > .title {
font: @titleFont;
}
& > .body {
@bodyStyle();
}
}
.some-component {
.some-mixin(
@titleFont: bold 1.5em Helvetica,
@bodyStyle: {
color: gray;
},
);
}

compiles to:

.some-component > .title {
font: bold 1.5em Helvetica;
}
.some-component > .body {
color: gray;
}
Posted on September 4, 2018Categories Academy, BlogTags CSS, LESSLeave a comment on LESS declaration block as mixins arguments
CSS Demo – Dashed circle

CSS Demo – Dashed circle

Circles with dashed border. It’s very simple but sometimes can be useful and decorative.
Continue reading CSS Demo – Dashed circle

Posted on March 20, 2013February 3, 2016Categories Blog, LabTags CSSLeave a comment on CSS Demo – Dashed circle

Effects of CSS attribute – visibility

This is a demo of how CSS attribute visibility affects objects.
Continue reading Effects of CSS attribute – visibility

Posted on September 21, 2012March 15, 2016Categories Academy, BlogTags CSS, HTML5Leave a comment on Effects of CSS attribute – visibility
Proudly powered by WordPress