Add font path variables in order to build css manually.
This commit is contained in:
parent
84d1673acc
commit
a05879462d
|
@ -1,5 +1,5 @@
|
|||
// Import UIKit core
|
||||
@import "~uikit/src/less/uikit";
|
||||
@import "uikit/src/less/uikit";
|
||||
|
||||
// Base
|
||||
@import "fonts";
|
||||
|
|
|
@ -1,56 +1,59 @@
|
|||
@font-media-url: e("../media/fonts/aileron/");
|
||||
@font-media-icon-url: e("../media/fonts/material-icons/");
|
||||
|
||||
/* Aileron */
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 100; src: url("../media/fonts/aileron/aileron-thinitalic.eot"); src: url("../media/fonts/aileron/aileron-thinitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thinitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thinitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-thinitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 100; src: url("../media/fonts/aileron/aileron-thin.eot"); src: url("../media/fonts/aileron/aileron-thin.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thin.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thin.woff") format('woff'), url("../media/fonts/aileron/aileron-thin.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 300; src: url("../media/fonts/aileron/aileron-lightitalic.eot"); src: url("../media/fonts/aileron/aileron-lightitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-lightitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-lightitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-lightitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 300; src: url("../media/fonts/aileron/aileron-light.eot"); src: url("../media/fonts/aileron/aileron-light.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-light.woff2") format('woff2'), url("../media/fonts/aileron/aileron-light.woff") format('woff'), url("../media/fonts/aileron/aileron-light.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 400; src: url("../media/fonts/aileron/aileron-italic.eot"); src: url("../media/fonts/aileron/aileron-italic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-italic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-italic.woff") format('woff'), url("../media/fonts/aileron/aileron-italic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 400; src: url("../media/fonts/aileron/aileron-regular.eot"); src: url("../media/fonts/aileron/aileron-regular.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-regular.woff2") format('woff2'), url("../media/fonts/aileron/aileron-regular.woff") format('woff'), url("../media/fonts/aileron/aileron-regular.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 600; src: url("../media/fonts/aileron/aileron-semibolditalic.eot"); src: url("../media/fonts/aileron/aileron-semibolditalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-semibolditalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-semibolditalic.woff") format('woff'), url("../media/fonts/aileron/aileron-semibolditalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 600; src: url("../media/fonts/aileron/aileron-semibold.eot"); src: url("../media/fonts/aileron/aileron-semibold.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-semibold.woff2") format('woff2'), url("../media/fonts/aileron/aileron-semibold.woff") format('woff'), url("../media/fonts/aileron/aileron-semibold.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 700; src: url("../media/fonts/aileron/aileron-bolditalic.eot"); src: url("../media/fonts/aileron/aileron-bolditalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-bolditalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-bolditalic.woff") format('woff'), url("../media/fonts/aileron/aileron-bolditalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 700; src: url("../media/fonts/aileron/aileron-bold.eot"); src: url("../media/fonts/aileron/aileron-bold.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-bold.woff2") format('woff2'), url("../media/fonts/aileron/aileron-bold.woff") format('woff'), url("../media/fonts/aileron/aileron-bold.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 900; src: url("../media/fonts/aileron/aileron-blackitalic.eot"); src: url("../media/fonts/aileron/aileron-blackitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-blackitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-blackitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-blackitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 900; src: url("../media/fonts/aileron/aileron-black.eot"); src: url("../media/fonts/aileron/aileron-black.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-black.woff2") format('woff2'), url("../media/fonts/aileron/aileron-black.woff") format('woff'), url("../media/fonts/aileron/aileron-black.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 100; src: url("@{font-media-url}aileron-thinitalic.eot"); src: url("@{font-media-url}aileron-thinitalic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-thinitalic.woff2") format('woff2'), url("@{font-media-url}aileron-thinitalic.woff") format('woff'), url("@{font-media-url}aileron-thinitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 100; src: url("@{font-media-url}aileron-thin.eot"); src: url("@{font-media-url}aileron-thin.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-thin.woff2") format('woff2'), url("@{font-media-url}aileron-thin.woff") format('woff'), url("@{font-media-url}aileron-thin.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 300; src: url("@{font-media-url}aileron-lightitalic.eot"); src: url("@{font-media-url}aileron-lightitalic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-lightitalic.woff2") format('woff2'), url("@{font-media-url}aileron-lightitalic.woff") format('woff'), url("@{font-media-url}aileron-lightitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 300; src: url("@{font-media-url}aileron-light.eot"); src: url("@{font-media-url}aileron-light.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-light.woff2") format('woff2'), url("@{font-media-url}aileron-light.woff") format('woff'), url("@{font-media-url}aileron-light.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 400; src: url("@{font-media-url}aileron-italic.eot"); src: url("@{font-media-url}aileron-italic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-italic.woff2") format('woff2'), url("@{font-media-url}aileron-italic.woff") format('woff'), url("@{font-media-url}aileron-italic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 400; src: url("@{font-media-url}aileron-regular.eot"); src: url("@{font-media-url}aileron-regular.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-regular.woff2") format('woff2'), url("@{font-media-url}aileron-regular.woff") format('woff'), url("@{font-media-url}aileron-regular.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 600; src: url("@{font-media-url}aileron-semibolditalic.eot"); src: url("@{font-media-url}aileron-semibolditalic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-semibolditalic.woff2") format('woff2'), url("@{font-media-url}aileron-semibolditalic.woff") format('woff'), url("@{font-media-url}aileron-semibolditalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 600; src: url("@{font-media-url}aileron-semibold.eot"); src: url("@{font-media-url}aileron-semibold.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-semibold.woff2") format('woff2'), url("@{font-media-url}aileron-semibold.woff") format('woff'), url("@{font-media-url}aileron-semibold.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 700; src: url("@{font-media-url}aileron-bolditalic.eot"); src: url("@{font-media-url}aileron-bolditalic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-bolditalic.woff2") format('woff2'), url("@{font-media-url}aileron-bolditalic.woff") format('woff'), url("@{font-media-url}aileron-bolditalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 700; src: url("@{font-media-url}aileron-bold.eot"); src: url("@{font-media-url}aileron-bold.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-bold.woff2") format('woff2'), url("@{font-media-url}aileron-bold.woff") format('woff'), url("@{font-media-url}aileron-bold.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 900; src: url("@{font-media-url}aileron-blackitalic.eot"); src: url("@{font-media-url}aileron-blackitalic.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-blackitalic.woff2") format('woff2'), url("@{font-media-url}aileron-blackitalic.woff") format('woff'), url("@{font-media-url}aileron-blackitalic.ttf") format('truetype'); }
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 900; src: url("@{font-media-url}aileron-black.eot"); src: url("@{font-media-url}aileron-black.eot?#iefix") format('embedded-opentype'), url("@{font-media-url}aileron-black.woff2") format('woff2'), url("@{font-media-url}aileron-black.woff") format('woff'), url("@{font-media-url}aileron-black.ttf") format('truetype'); }
|
||||
|
||||
/* Material Icons */
|
||||
|
||||
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIcons-Regular.eot");
|
||||
src: url("@{font-media-icon-url}MaterialIcons-Regular.eot");
|
||||
src: local('Material Icons'), local('MaterialIcons-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.ttf") format('truetype');
|
||||
url("@{font-media-icon-url}MaterialIcons-Regular.woff2") format('woff2'),
|
||||
url("@{font-media-icon-url}MaterialIcons-Regular.woff") format('woff'),
|
||||
url("@{font-media-icon-url}MaterialIcons-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.eot");
|
||||
src: url("@{font-media-icon-url}MaterialIconsOutlined-Regular.eot");
|
||||
src: local('Material Icons Outlined'), local('MaterialIconsOutlined-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.ttf") format('truetype');
|
||||
url("@{font-media-icon-url}MaterialIconsOutlined-Regular.woff2") format('woff2'),
|
||||
url("@{font-media-icon-url}MaterialIconsOutlined-Regular.woff") format('woff'),
|
||||
url("@{font-media-icon-url}MaterialIconsOutlined-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsRound-Regular.eot");
|
||||
src: url("@{font-media-icon-url}MaterialIconsRound-Regular.eot");
|
||||
src: local('Material Icons'), local('MaterialIconsRound-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.ttf") format('truetype');
|
||||
url("@{font-media-icon-url}MaterialIconsRound-Regular.woff2") format('woff2'),
|
||||
url("@{font-media-icon-url}MaterialIconsRound-Regular.woff") format('woff'),
|
||||
url("@{font-media-icon-url}MaterialIconsRound-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Sharp'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsSharp-Regular.eot");
|
||||
src: url("@{font-media-icon-url}MaterialIconsSharp-Regular.eot");
|
||||
src: local('Material Icons Sharp'), local('MaterialIconsSharp-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.ttf") format('truetype');
|
||||
url("@{font-media-icon-url}MaterialIconsSharp-Regular.woff2") format('woff2'),
|
||||
url("@{font-media-icon-url}MaterialIconsSharp-Regular.woff") format('woff'),
|
||||
url("@{font-media-icon-url}MaterialIconsSharp-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Two Tone'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.eot");
|
||||
src: url("@{font-media-icon-url}MaterialIconsTwoTone-Regular.eot");
|
||||
src: local('Material Icons Two Tone'), local('MaterialIconsTwoTone-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.ttf") format('truetype');
|
||||
url("@{font-media-icon-url}MaterialIconsTwoTone-Regular.woff2") format('woff2'),
|
||||
url("@{font-media-icon-url}MaterialIconsTwoTone-Regular.woff") format('woff'),
|
||||
url("@{font-media-icon-url}MaterialIconsTwoTone-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
@subnav-pill-alt-item-padding-horizontal: 20px;
|
||||
@subnav-pill-alt-item-color: @global-meta-color;
|
||||
@subnav-pill-alt-item-hover-color: @global-secondary-background;
|
||||
@subnav-pill-alt-item-active-background: none;
|
||||
@subnav-pill-alt-item-active-background: unset;
|
||||
@subnav-pill-alt-item-active-background-gradient: @global-primary-gradient;
|
||||
@subnav-pill-alt-item-active-color: @global-inverse-color;
|
||||
|
||||
|
|
Loading…
Reference in New Issue