41 lines
1.1 KiB
Plaintext
41 lines
1.1 KiB
Plaintext
// ==========================================================================
|
|
// Mixins
|
|
// ==========================================================================
|
|
|
|
// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
|
|
// ---------------------------------------
|
|
.clearfix() {
|
|
zoom: 1;
|
|
&:before,
|
|
&:after { content: ""; display: table; }
|
|
&:after { clear: both; }
|
|
}
|
|
|
|
// Webkit-style focus
|
|
// ---------------------------------------
|
|
.tab-focus() {
|
|
// Default
|
|
outline: thin dotted @gray-dark;
|
|
// Webkit
|
|
//outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
// Use rems for font sizing
|
|
// ---------------------------------------
|
|
.font-size(@font-size: 16){
|
|
@rem: (@font-size / 10);
|
|
font-size: @font-size * 1px;
|
|
font-size: ~"@{rem}rem";
|
|
}
|
|
|
|
// Font smoothing
|
|
// ---------------------------------------
|
|
.font-smoothing(@mode: on) when (@mode = on) {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.font-smoothing(@mode: on) when (@mode = off) {
|
|
-moz-osx-font-smoothing: auto;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
} |