Add font path variables in order to build css manually.

This commit is contained in:
Konstantinos Triantafyllou 2022-07-21 14:58:50 +03:00
parent 84d1673acc
commit a05879462d
3 changed files with 37 additions and 34 deletions

2
less/_import.less vendored
View File

@ -1,5 +1,5 @@
// Import UIKit core
@import "~uikit/src/less/uikit";
@import "uikit/src/less/uikit";
// Base
@import "fonts";

View File

@ -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');
}

View File

@ -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;