| // font |
| @font-face |
| font-family: 'Lato' |
| font-style: normal |
| src: local('Lato'), url(../fonts/Lato.ttf), format('truetype') |
| |
| // colors |
| $accentColor = #0091ff |
| $textColor = #2c3e50 |
| $borderColor = #eaecef |
| $codeBgColor = #282c34 |
| $arrowBgColor = #ccc |
| |
| // layout |
| $navbarHeight = 3.6rem |
| $sidebarWidth = 20rem |
| $contentWidth = 740px |
| |
| // responsive breakpoints |
| $MQNarrow = 959px |
| $MQMobile = 719px |
| $MQMobileNarrow = 419px |
| |
| // code |
| $lineNumbersWrapperWidth = 3.5rem |
| $codeLang = js ts html md vue css sass scss less stylus go java c sh yaml py |