| /******************************* |
| Site Settings |
| *******************************/ |
| |
| /*------------------- |
| Fonts |
| --------------------*/ |
| |
| @headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
| @pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
| @googleFontName : 'Roboto'; |
| |
| /*------------------- |
| Base Sizes |
| --------------------*/ |
| |
| @emSize : 14px; |
| @fontSize : 13px; |
| |
| /*-------------- |
| Page |
| ---------------*/ |
| |
| @pageBackground : #F9F9F9; |
| @lineHeight : 1.33; |
| @textColor : #212121; |
| |
| /*-------------- |
| Page Heading |
| ---------------*/ |
| |
| @headerLineHeight : 1.33em; |
| @headerFontWeight : 400; |
| |
| @h1 : 2.25rem; |
| @h2 : 2rem; |
| @h3 : 1.75rem; |
| @h4 : 1.5rem; |
| @h5 : 1.25rem; |
| |
| /*-------------- |
| Paragraphs |
| ---------------*/ |
| |
| @paragraphLineHeight: 1.7em; |
| |
| /*------------------- |
| Site Colors |
| --------------------*/ |
| |
| /*--- Colors ---*/ |
| @black : #1B1C1D; |
| @blue : #2196F3; |
| @green : #4CAF50; |
| @grey : #9E9E9E; |
| @orange : #FF9800; |
| @pink : #E91E63; |
| @purple : #9C27B0; |
| @red : #F44336; |
| @teal : #1de9b6; |
| @yellow : #FFEB3B; |
| |
| /*--- Light Colors ---*/ |
| @lightBlack : #333333; |
| @lightBlue : #2979FF; |
| @lightGreen : #00E676; |
| @lightOrange : #FF9100; |
| @lightPink : #F50057; |
| @lightPurple : #D500F9; |
| @lightRed : #FF1744; |
| @lightTeal : #1DE9B6; |
| @lightYellow : #FFEA00; |
| |
| /*--- Neutrals ---*/ |
| @fullBlack : #000000; |
| @darkGrey : #AAAAAA; |
| @lightGrey : #DCDDDE; |
| @offWhite : #FAFAFA; |
| @darkWhite : #F0F0F0; |
| @white : #FFFFFF; |
| |
| /*------------------- |
| Brand Colors |
| --------------------*/ |
| |
| @primaryColor : @blue; |
| @secondaryColor : @grey; |
| |
| @lightPrimaryColor : @lightBlue; |
| @lightSecondaryColor : @lightGrey; |
| |
| /*------------------- |
| Paragraph |
| --------------------*/ |
| |
| @paragraphMargin : 0em 0em 1.53em; |
| |
| /*------------------- |
| Links |
| --------------------*/ |
| |
| @linkColor : #009FDA; |
| @linkUnderline : none; |
| @linkHoverColor : lighten(@linkColor, 5); |
| @linkHoverUnderline : @linkUnderline; |
| |
| /*------------------- |
| Highlighted Text |
| --------------------*/ |
| |
| @highlightBackground : #009FDA; |
| @highlightColor : @white; |
| |
| /*------------------- |
| Accents |
| --------------------*/ |
| |
| /* 4px @ default em */ |
| @relativeBorderRadius: @relative4px; |
| @absoluteBorderRadius: 4px; |