mirror of
https://github.com/clearleft/clearless.git
synced 2026-01-10 14:17:56 -05:00
40 lines
1.3 KiB
Plaintext
40 lines
1.3 KiB
Plaintext
// ==============================================
|
|
// Typography related mixins
|
|
// ==============================================
|
|
|
|
.font-size-rems(@px-size){
|
|
@rem-size: @px-size / @base-font-size;
|
|
font-size: ~"@{px-size}px";
|
|
font-size: ~"@{rem-size}rem";
|
|
}
|
|
|
|
.font-size-ems(@target-px-size, @context-px-size:@base-font-size) {
|
|
font-size: (@target-px-size / @context-px-size) * 1em;
|
|
}
|
|
|
|
.font-face( @family-name, @font-path, @font-weight:normal, @font-style:normal, @include-svg:false ) when not (@include-svg) {
|
|
@font-face {
|
|
font-family: @family-name;
|
|
src: url('@{font-path}.eot');
|
|
src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
|
|
url('@{font-path}.woff') format('woff'),
|
|
url('@{font-path}.ttf') format('truetype');
|
|
font-weight: @font-weight;
|
|
font-style: @font-style;
|
|
}
|
|
}
|
|
|
|
.font-face( @family-name, @font-path, @font-weight:normal, @font-style:normal, @include-svg:false ) when (@include-svg) {
|
|
@font-face {
|
|
font-family: @family-name;
|
|
src: url('@{font-path}.eot');
|
|
src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
|
|
url('@{font-path}.woff') format('woff'),
|
|
url('@{font-path}.ttf') format('truetype'),
|
|
url('@{font-path}.svg#@{family-name}') format('svg');
|
|
font-weight: @font-weight;
|
|
font-style: @font-style;
|
|
}
|
|
}
|
|
|