Show More
@@ -1,59 +1,60 | |||||
1 | // Our customizations to bootstrap go here. |
|
1 | // Our customizations to bootstrap go here. | |
2 |
|
2 | |||
3 | @black: #000; |
|
3 | @black: #000; | |
4 | @text-color: @black; |
|
4 | @text-color: @black; | |
5 | @font-size-base: 13px; |
|
5 | @font-size-base: 13px; | |
6 | @font-family-monospace: monospace; // to allow user to customize their fonts |
|
6 | @font-family-monospace: monospace; // to allow user to customize their fonts | |
7 | @navbar-height: 30px; |
|
7 | @navbar-height: 30px; | |
8 | @breadcrumb-color: darken(@border_color, 30%); |
|
8 | @breadcrumb-color: darken(@border_color, 30%); | |
9 | @blockquote-font-size: inherit; |
|
9 | @blockquote-font-size: inherit; | |
10 | @modal-inner-padding: 15px; |
|
10 | @modal-inner-padding: 15px; | |
11 | @grid-float-breakpoint: 541px; |
|
11 | @grid-float-breakpoint: 541px; | |
12 | @screen-xs: 540px; |
|
12 | @screen-xs: 540px; | |
13 | @logo_height: 28px; |
|
13 | @logo_height: 28px; | |
14 | @border-radius-small: 1px; |
|
14 | @border-radius-small: 1px; | |
15 | @border-radius-base: 2px; |
|
15 | @border-radius-base: 2px; | |
16 |
@border-radius-large: 3px; |
|
16 | @border-radius-large: 3px; | |
17 | @grid-gutter-width: 0px; |
|
17 | @grid-gutter-width: 0px; | |
|
18 | @icon-font-path: "../components/bootstrap/fonts/"; | |||
18 |
|
19 | |||
19 | // Disable modal slide-in from top animation. |
|
20 | // Disable modal slide-in from top animation. | |
20 | .modal { |
|
21 | .modal { | |
21 | &.fade .modal-dialog { |
|
22 | &.fade .modal-dialog { | |
22 | .translate(0, 0); |
|
23 | .translate(0, 0); | |
23 | } |
|
24 | } | |
24 | } |
|
25 | } | |
25 |
|
26 | |||
26 | // Set the default code color. |
|
27 | // Set the default code color. | |
27 | code { |
|
28 | code { | |
28 | color: @black; // default code color in bootstrap is #d14 (crimson / amaranth) |
|
29 | color: @black; // default code color in bootstrap is #d14 (crimson / amaranth) | |
29 | } |
|
30 | } | |
30 |
|
31 | |||
31 | // Override bootstrap pre element styling. |
|
32 | // Override bootstrap pre element styling. | |
32 | pre { |
|
33 | pre { | |
33 | // bootstrap has pre defaults that we don't want to inherit. |
|
34 | // bootstrap has pre defaults that we don't want to inherit. | |
34 | // start pre tag defaults based on the surrounding context instead. |
|
35 | // start pre tag defaults based on the surrounding context instead. | |
35 | font-size: inherit; |
|
36 | font-size: inherit; | |
36 | line-height: inherit; |
|
37 | line-height: inherit; | |
37 | } |
|
38 | } | |
38 |
|
39 | |||
39 | // Disable bold labels in BS3 |
|
40 | // Disable bold labels in BS3 | |
40 | label { |
|
41 | label { | |
41 | font-weight: normal; |
|
42 | font-weight: normal; | |
42 | } |
|
43 | } | |
43 |
|
44 | |||
44 | // Our own global variables for all pages go here |
|
45 | // Our own global variables for all pages go here | |
45 | @global-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); |
|
46 | @global-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
46 | @global-shadow-dark: 0px 0px 12px 1px rgba(87, 87, 87, 0.4); |
|
47 | @global-shadow-dark: 0px 0px 12px 1px rgba(87, 87, 87, 0.4); | |
47 | @page-header-padding: 20px; |
|
48 | @page-header-padding: 20px; | |
48 | /* Make the page background atleast 100% the height of the view port */ |
|
49 | /* Make the page background atleast 100% the height of the view port */ | |
49 | @page-backdrop-height: 100vh; |
|
50 | @page-backdrop-height: 100vh; | |
50 | /* Make the page itself atleast 70% the height of the view port */ |
|
51 | /* Make the page itself atleast 70% the height of the view port */ | |
51 | @page-min-height: 0; |
|
52 | @page-min-height: 0; | |
52 | @page-backdrop-color: #EEE; |
|
53 | @page-backdrop-color: #EEE; | |
53 | @page-color: @body-bg; |
|
54 | @page-color: @body-bg; | |
54 | @page-padding: 15px; |
|
55 | @page-padding: 15px; | |
55 |
|
56 | |||
56 | // preven container size to jump from 768px to 720px |
|
57 | // preven container size to jump from 768px to 720px | |
57 | // when window width go from 768 to 769+ |
|
58 | // when window width go from 768 to 769+ | |
58 | @container-sm : @screen-sm-min; |
|
59 | @container-sm : @screen-sm-min; | |
59 |
|
60 |
General Comments 0
You need to be logged in to leave comments.
Login now