projects / ipfire.org.git / blame
| Commit | Line | Data |
|---|---|---|
| 09ecfb11 MT |
1 | // Global Settings |
| 2 | $enable-shadows: true; | |
| 3 | ||
| bc5b7100 MT |
4 | /* |
| 5 | Colours | |
| 6 | */ | |
| 7 | $red-900: #b71c1c; | |
| 8 | $red-600: #e53935; | |
| 9 | ||
| 10 | $amber-800: #ff8f00; | |
| 11 | $yellow-700: #fbc02d; | |
| 12 | ||
| 13 | $blue-700: #1976d2; | |
| 14 | $blue-400: #42a5f5; | |
| 15 | ||
| 16 | $green-600: #43a047; | |
| 17 | $green-400: #66bb6a; | |
| 18 | ||
| 19 | $blue-grey-900: #263238; | |
| 20 | $blue-grey-700: #455a64; | |
| 21 | $blue-grey-600: #546e7a; | |
| 22 | $blue-grey-300: #90a4ae; | |
| 23 | $blue-grey-50: #eceff1; | |
| 24 | ||
| 25 | $orange-a400: #ff3d00; | |
| 26 | ||
| 27 | $cyan: #00bcd4; | |
| b564c283 MT |
28 | |
| 29 | // Theme | |
| 30 | $primary: $red-900; | |
| 98750abb | 31 | $secondary: white; |
| 6cee9198 MT |
32 | $dark: $blue-grey-900; |
| 33 | ||
| 34 | // Breakpoints | |
| 35 | $grid-breakpoints: ( | |
| 36 | xs: 0, | |
| 37 | sm: 600px, | |
| 38 | md: 768px, | |
| 39 | lg: 1024px, | |
| 40 | xl: 1280px | |
| 41 | ); | |
| 42 | ||
| 43 | $border-radius: 2px; | |
| 41f3d31d | 44 | $border-radius-lg: 2px; |
| 6cee9198 MT |
45 | |
| 46 | // Fonts | |
| 47 | $font-family-sans-serif: "Ubuntu", sans-serif; | |
| 48 | ||
| 41f3d31d MT |
49 | // Typo |
| 50 | $font-size-base: 0.875rem; | |
| 51 | ||
| 6cee9198 MT |
52 | // Navbar |
| 53 | $navbar-brand-font-size: 36px; | |
| 54 | $navbar-brand-height: 32px; | |
| 55 | ||
| 56 | $nav-link-height: 24px; | |
| 57 | $navbar-nav-link-padding-x: 16px; | |
| 58 | ||
| 59 | $navbar-padding-y: 1.1rem; | |
| 60 | ||
| 41f3d31d MT |
61 | // Input |
| 62 | $input-btn-padding-x: 1rem; | |
| 63 | $input-btn-padding-y: .5rem; | |
| 64 | ||
| 09ecfb11 MT |
65 | $input-btn-focus-box-shadow: |
| 66 | 0 3px 6px 0 rgba(black, .16), 0 3px 6px 0 rgba(black, .23); | |
| 67 | ||
| 68 | // Shadows | |
| 69 | $box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .2); | |
| 70 | $box-shadow-sm: $box-shadow; | |
| 71 | $box-shadow-lg: 0 19px 38px 0 rgba(0, 0, 0, .3), 0 15px 12px 0 rgba(0, 0, 0, .22); | |
| 72 | ||
| 6cee9198 MT |
73 | // Buttons |
| 74 | $btn-border-width: 2px; | |
| 09ecfb11 MT |
75 | |
| 76 | $btn-box-shadow: 0 2px 0 rgba(black, .16), 0 1px 2px rgba(black, .23); | |
| 77 | $btn-active-box-shadow: $input-btn-focus-box-shadow; |