b2387f4cff
Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
64 lines
1.7 KiB
SCSS
64 lines
1.7 KiB
SCSS
/*
|
|
* Nunito.
|
|
* Includes extended Latin and Vietnamese character sets
|
|
* Current URLs are v9, derived from the contents of
|
|
* https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i&subset=latin-ext,vietnamese
|
|
*/
|
|
|
|
/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
|
|
*/
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url('$(res)/fonts/Nunito/XRXX3I6Li01BKofIMNaDRss.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
src: url('$(res)/fonts/Nunito/XRXQ3I6Li01BKofIMN5cYtvKUTo.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url('$(res)/fonts/Nunito/XRXQ3I6Li01BKofIMN44Y9vKUTo.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('$(res)/fonts/Nunito/XRXV3I6Li01BKofINeaE.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url('$(res)/fonts/Nunito/XRXW3I6Li01BKofA6sKUYevN.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Nunito';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url('$(res)/fonts/Nunito/XRXW3I6Li01BKofAjsOUYevN.ttf') format('truetype');
|
|
}
|
|
|
|
/*
|
|
* Fira Mono
|
|
* Used for monospace copy, i.e. code
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'Fira Mono';
|
|
src: url('$(res)/fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Fira Mono';
|
|
src: url('$(res)/fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|