mirror of
https://github.com/bitwarden/browser
synced 2025-12-20 02:03:39 +00:00
[CL-836] Extract base css variables (#14733)
* Extract base variables * Get tw to consume font css variables
This commit is contained in:
27
libs/components/src/theme.css
Normal file
27
libs/components/src/theme.css
Normal file
@@ -0,0 +1,27 @@
|
||||
/**
|
||||
* This file contains CSS variables that can be used across frontend systems.
|
||||
* This allows us to share styling between Angular, content scripts and more.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Font faces
|
||||
*/
|
||||
@font-face {
|
||||
font-family: Roboto;
|
||||
src:
|
||||
url("~@bitwarden/components/src/webfonts/roboto.woff2") format("woff2 supports variations"),
|
||||
url("~@bitwarden/components/src/webfonts/roboto.woff2") format("woff2-variations");
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
}
|
||||
|
||||
/**
|
||||
* CSS variables
|
||||
*/
|
||||
:root {
|
||||
--font-sans:
|
||||
Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
||||
"Segoe UI Symbol", "Noto Color Emoji";
|
||||
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
--font-mono: Menlo, SFMono-Regular, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
Reference in New Issue
Block a user