1@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 40// IBM theme colors 41$blue: #0F62FE; 42$red: #DA1E28; 43$green: #24A146; 44$yellow: #F1C21B; 45 46$primary: $blue; 47$danger: $red; 48$success: $green; 49$warning: $yellow; 50