blob: 12fe0bc99aba15b6d219c513eebb8e925653251d [file] [log] [blame]
Yoshie Muranakad388a282020-07-08 16:15:46 -07001@font-face {
2 font-family: 'Plex';
3 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Light.woff') format('woff');
4 font-weight: 200;
5}
6@font-face {
7 font-family: 'Plex';
8 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.woff') format('woff');
9 font-weight: 200;
10 font-style: italic;
11}
12@font-face {
13 font-family: 'Plex';
14 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.woff') format('woff');
15 font-weight: 400;
16}
17@font-face {
18 font-family: 'Plex';
19 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.woff') format('woff');
20 font-weight: 400;
21 font-style: italic;
22}
23@font-face {
24 font-family: 'Plex';
25 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.woff') format('woff');
26 font-weight: 700;
27}
28@font-face {
29 font-family: 'Plex';
30 src: url('~@/env/assets/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.woff') format('woff');
31 font-weight: 700;
32 font-style: italic;
33}
34
35// IBM Plex with Bootstrap default as fallbacks
36// https://getbootstrap.com/docs/4.4/content/reboot/#native-font-stack
37
38$font-family-base: 'Plex', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
39
Yoshie Muranakad388a282020-07-08 16:15:46 -070040// IBM theme colors
Yoshie Muranakabba02bc2020-08-10 10:28:50 -070041$blue: #0F62FE;
42$red: #DA1E28;
43$green: #24A146;
44$yellow: #F1C21B;
45
46$primary: $blue;
47$danger: $red;
48$success: $green;
49$warning: $yellow;