mirror of https://github.com/freeCodeCamp/devdocs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
1.8 KiB
93 lines
1.8 KiB
$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
|
|
$monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
$boldFontWeight: 500;
|
|
$bolderFontWeight: 600;
|
|
|
|
$style: 'light';
|
|
|
|
$maxWidth: 80rem;
|
|
$headerHeight: 3rem;
|
|
$sidebarWidth: 20rem;
|
|
$sidebarMediumWidth: 16rem;
|
|
|
|
$contentBackground: #fff;
|
|
$documentBackground: #fafafa;
|
|
|
|
$textColor: #333;
|
|
$textColorLight: #666;
|
|
$textColorLighter: #888;
|
|
$textColorRed: #f44336;
|
|
|
|
$inputFocusBorder: #35b5f4;
|
|
|
|
$focusBackground: #e5e5e5;
|
|
$focusBorder: #d4d4d4;
|
|
$focusText: #000;
|
|
|
|
$loadingText: #ccc;
|
|
$splashText: #ccc;
|
|
|
|
$selectionBackground: #398df0;
|
|
$selectionBorder: #196fc2;
|
|
$selectionText: #fff;
|
|
|
|
$highlightBackground: #fffdcd;
|
|
|
|
$linkColor: #3377c0;
|
|
$linkColorHover: #2f6cb6;
|
|
$linkTextDecoration: none;
|
|
|
|
$headerBackground: #eee;
|
|
$headerBorder: #d7d7d7;
|
|
|
|
$sidebarBackground: #f9f9f9;
|
|
$sidebarBorder: #e1e1e1;
|
|
|
|
$scrollbarColor: #ccc;
|
|
$scrollbarColorHover: #999;
|
|
|
|
$pathBackground: $sidebarBackground;
|
|
$pathBorder: $sidebarBorder;
|
|
|
|
$noticeBackground: #faf9e2;
|
|
$noticeBorder: #e2e2c1;
|
|
|
|
$boxBackground: #fafafa;
|
|
$boxBorder: #d8d8d8;
|
|
$boxBorderLight: #e5e5e5;
|
|
$boxHeaderColor: $textColor;
|
|
$boxHeaderBackground: #f5f5f5;
|
|
|
|
$noteBackground: #f8f8dd;
|
|
$noteBorder: #d3d952;
|
|
|
|
$noteGreenBackground: #e7f8e1;
|
|
$noteGreenBorder: #89da70;
|
|
|
|
$noteBlueBackground: #d4f3fd;
|
|
$noteBlueBorder: #94bbeb;
|
|
|
|
$noteOrangeBackground: #fbe6d1;
|
|
$noteOrangeBorder: #ec8b01;
|
|
|
|
$noteRedBackground: #fed5d3;
|
|
$noteRedBorder: #dc7874;
|
|
|
|
$labelBackground: #f4f4f4;
|
|
|
|
$notifBackground: rgba(#333, .85);
|
|
$notifBorder: none;
|
|
$notifColor: #fff;
|
|
$notifColorLight: #ccc;
|
|
|
|
$tipBackground: rgba(#fffdcd, .95);
|
|
$tipBorder: 1px solid #e7dca9;
|
|
|
|
$mediumScreen: '(max-width: 800px)';
|
|
|
|
$contentZ: 1;
|
|
$sidebarZ: 2;
|
|
$headerZ: 3;
|
|
$noticeZ: 4;
|
|
$hoverZ: 5;
|