]> git.ipfire.org Git - ipfire.org.git/blame - src/scss/_variables.scss
blog: Encourage people to follow the blog or Twitter
[ipfire.org.git] / src / scss / _variables.scss
CommitLineData
bc5b7100
MT
1/*
2 Colours
3*/
25346297
MT
4$black: #000000;
5$white: #ffffff;
bc5b7100 6
25346297 7// Grays
9849b803 8$gray-400: #ede8e8;
25346297 9$gray-800: #31353c;
bc5b7100 10
25346297
MT
11$red: #ee2e31;
12$yellow: #e7e247;
9849b803 13$cyan: #2ee8c8;
b564c283 14
30318c60 15// Brand colours
40f21c74 16$lwl: #4b0082;
30318c60 17$twitter: #00acee;
40f21c74 18
b564c283 19// Theme
25346297 20$primary: $red;
dcaed004 21$secondary: #757575;
25346297
MT
22$light: $gray-400;
23$dark: $gray-800;
6cee9198 24
40f21c74
MT
25$theme-colors: (
26 "lwl" : $lwl,
30318c60 27 "twitter" : $twitter,
40f21c74
MT
28);
29
490df9df
MT
30$body-bg: $dark;
31$body-color: $white;
5ff649e9
MT
32$code-color: $white;
33$pre-color: $white;
ca514479 34$table-color: inherit;
cc59f0e1 35
6cee9198
MT
36// Breakpoints
37$grid-breakpoints: (
38 xs: 0,
39 sm: 600px,
40 md: 768px,
41 lg: 1024px,
42 xl: 1280px
43);
44
17ae5eb2
MT
45$grid-gutter-width: 24px;
46
adee0e4f
MT
47$border-radius: 5px;
48$border-radius-lg: 5px;
6cee9198
MT
49
50// Fonts
74bded45 51$font-family-sans-serif: "Mukta", sans-serif;
6cee9198 52
37aee798 53$font-weight-light: 200;
616bd6a5 54$font-weight-normal: 400;
d7ffd81a
MT
55$font-weight-bold: 700;
56
41f3d31d 57// Typo
ff8b7d9b 58$font-size-base: 1.125rem;
e434c81f
MT
59$lead-font-size: 1.5rem;
60$small-font-size: 87.5%;
61
c4099434
MT
62$line-height-base: 1.5;
63
e434c81f 64// Headings
12e5de7e 65$headings-font-weight: 500;
ff8b7d9b
MT
66$headings-line-height: 1.15;
67$headings-margin-bottom: 1.25rem;
319dd276 68
e434c81f
MT
69$h1-font-size: 3rem;
70$h2-font-size: 2.5rem;
71$h3-font-size: 2.25rem;
72$h4-font-size: 2rem;
73$h5-font-size: 1.5rem;
74$h6-font-size: 1.25rem;
75
ff8b7d9b 76$display1-size: 4rem;
41f3d31d 77
9f043320
MT
78// Links
79$link-color: $primary;
80
6cee9198 81// Navbar
7dadc6f7
MT
82$navbar-brand-font-size: 3rem;
83$navbar-brand-height: 5rem;
84$navbar-brand-padding-y: 1rem;
85$navbar-height: $navbar-brand-height + ($navbar-brand-padding-y * 2);
6cee9198 86
7dadc6f7 87$navbar-nav-link-padding-x: 1rem;
6cee9198
MT
88
89// Buttons
fe40c0fa 90$btn-border-width: 3px;
50abbdb2
MT
91$btn-padding-x: 1.5rem;
92$btn-padding-y: .5rem;
c4099434
MT
93
94// Progress
95$progress-height: 1rem * $line-height-base;
91bcfd6d
MT
96
97// Breadcrumbs
98$breadcrumb-bg: white;