diff options
Diffstat (limited to 'docs/src/less/variables.less')
| -rw-r--r-- | docs/src/less/variables.less | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/docs/src/less/variables.less b/docs/src/less/variables.less index 4629d98d..4768cdd6 100644 --- a/docs/src/less/variables.less +++ b/docs/src/less/variables.less @@ -3,43 +3,46 @@ // ========================================================================== // Colors -@blue: #3498db; @gray-dark: #343f4a; @gray: #55646b; @gray-light: #cbd0d3; @gray-lighter: #dbe3e8; @off-white: #f2f5f7; +@brand-primary: #3498db; +@brand-secondary: #02BD9B; + // Brands @color-twitter: #4BAAF4; @color-youtube: #cc181e; @color-vimeo: #19b7ed; // Base -@body-background: @off-white; +@body-background: @off-white; //linear-gradient(to left top, @brand-secondary, @brand-primary); // Type @font-size-base: 16; @font-size-small: 14; @font-size-h1: 64; -@font-weight-base: 500; -@font-weight-bold: 700; +@font-weight-base: 500; +@font-weight-bold: 700; // Elements -@link-color: @blue; +@link-color: @brand-primary; @padding-base: 20px; @arrow-size: 8px; // Icons -@icon-size: 18px; +@icon-size: 18px; // Breakpoints @screen-sm: 480px; @screen-md: 768px; // Radii -@border-radius-base: 4px; +@border-radius-base: 4px; +@border-radius-large: 6px; // Examples -@example-width-audio: 520px; -@example-width-video: 1200px; +@example-width-audio: 520px; +@example-width-video: 1200px; |