OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity
element-web/res/themes/light/css/_fonts.scss

68 lines
1.6 KiB
SCSS
Raw Normal View History

move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
/*
* Open Sans
* Includes extended Latin, Greek, Cyrillic and Vietnamese character sets
*/
/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
*/
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 700;
font-style: italic;
}
/*
* Fira Mono
* Used for monospace copy, i.e. code
*/
@font-face {
font-family: 'Fira Mono';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Mono';
Define SCSS variable for resource dir 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
2019-01-01 00:22:40 +01:00
src: url('$(res)/fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
font-weight: 700;
font-style: normal;
}