blob: 152082689cfba864f66e3c31a790c048a913f2f2 [file] [log] [blame]
$lato-pathPrefix: null;
@if $v-relative-paths == false {
$lato-pathPrefix: "../valo/fonts/lato/";
}
@mixin font-lato-regular ($italic: true) {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-regular-webfont.eot');
src: url('#{$lato-pathPrefix}lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-regular-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-regular-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@if $italic {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-italic-webfont.eot');
src: url('#{$lato-pathPrefix}lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-italic-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-italic-webfont.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
}
}
@mixin font-lato-hairline ($italic: true) {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot');
src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-hairline-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-hairline-webfont.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@if $italic {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot');
src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
}
}
@mixin font-lato-light ($italic: true) {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-light-webfont.eot');
src: url('#{$lato-pathPrefix}lato-light-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-light-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-light-webfont.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@if $italic {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot');
src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-lightitalic-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-lightitalic-webfont.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
}
}
@mixin font-lato-bold ($italic: true) {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-bold-webfont.eot');
src: url('#{$lato-pathPrefix}lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-bold-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-bold-webfont.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@if $italic {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot');
src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-bolditalic-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-bolditalic-webfont.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
}
}
@mixin font-lato-black ($italic) {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-black-webfont.eot');
src: url('#{$lato-pathPrefix}lato-black-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-black-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-black-webfont.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@if $italic {
@font-face {
font-family: 'Lato';
src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot');
src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$lato-pathPrefix}lato-blackitalic-webfont.woff') format('woff'),
url('#{$lato-pathPrefix}lato-blackitalic-webfont.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
}
}
@mixin font-lato ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) {
@if $extralight {
@include font-lato-hairline($italic);
}
@if $light {
@include font-lato-light($italic);
}
@if $regular {
@include font-lato-regular($italic);
}
@if $bold {
@include font-lato-bold($italic);
}
@if $black {
@include font-lato-black($italic);
}
}