| 1 |
efrain |
1 |
// Bootstrap variables
|
|
|
2 |
$white: #fff !default;
|
|
|
3 |
$gray-100: #f8f9fa !default;
|
|
|
4 |
$gray-200: #e9ecef !default;
|
|
|
5 |
$gray-300: #dee2e6 !default;
|
|
|
6 |
$gray-400: #ced4da !default;
|
|
|
7 |
$gray-500: #8f959e !default;
|
|
|
8 |
$gray-600: #6a737b !default;
|
|
|
9 |
$gray-700: #495057 !default;
|
|
|
10 |
$gray-800: #343a40 !default;
|
|
|
11 |
$gray-900: #1d2125 !default;
|
|
|
12 |
$black: #000 !default;
|
|
|
13 |
|
|
|
14 |
$blue: #0f6cbf !default;
|
|
|
15 |
$indigo: #6610f2 !default;
|
|
|
16 |
$purple: #613d7c !default;
|
|
|
17 |
$pink: #e83e8c !default;
|
|
|
18 |
$red: #ca3120 !default;
|
|
|
19 |
$orange: #f0ad4e !default;
|
|
|
20 |
$yellow: #ff7518 !default;
|
|
|
21 |
$green: #357a32 !default;
|
|
|
22 |
$teal: #20c997 !default;
|
|
|
23 |
$cyan: #008196 !default;
|
|
|
24 |
|
|
|
25 |
$primary: $blue !default;
|
|
|
26 |
$success: $green !default;
|
|
|
27 |
$info: $cyan !default;
|
|
|
28 |
$warning: $orange !default;
|
|
|
29 |
$danger: $red !default;
|
|
|
30 |
$secondary: $gray-400 !default;
|
|
|
31 |
|
|
|
32 |
$info-outline: #1f7e9a;
|
|
|
33 |
$warning-outline: #a6670e;
|
|
|
34 |
|
|
|
35 |
// Tables
|
|
|
36 |
$table-accent-bg: rgba($black, .03) !default;
|
|
|
37 |
|
|
|
38 |
// Options
|
|
|
39 |
$enable-responsive-font-sizes: true !default;
|
|
|
40 |
|
|
|
41 |
// Body
|
|
|
42 |
$body-color: $gray-900 !default;
|
|
|
43 |
|
|
|
44 |
// Fonts
|
|
|
45 |
$font-size-base: 0.9375rem !default;
|
|
|
46 |
$rfs-base-font-size: 0.9rem !default;
|
|
|
47 |
$headings-font-weight: 700 !default;
|
|
|
48 |
|
|
|
49 |
// Navbar
|
|
|
50 |
$navbar-dark-hover-color: rgba($white, 1) !default;
|
|
|
51 |
$navbar-light-color: rgba($black, 0.6) !default;
|
|
|
52 |
$navbar-light-hover-color: rgba($black, .9) !default;
|
|
|
53 |
|
|
|
54 |
// Breadcrumbs
|
|
|
55 |
$breadcrumb-padding-y: .5rem !default;
|
|
|
56 |
$breadcrumb-padding-x: 0 !default;
|
|
|
57 |
$breadcrumb-item-padding: .5rem !default;
|
|
|
58 |
$breadcrumb-margin-bottom: 0 !default;
|
|
|
59 |
$breadcrumb-bg: transparent !default;
|
|
|
60 |
$breadcrumb-divider: "/" !default;
|
|
|
61 |
$breadcrumb-divider-rtl: "/" !default;
|
|
|
62 |
|
|
|
63 |
// Alerts
|
|
|
64 |
$alert-border-width: 0 !default;
|
|
|
65 |
|
|
|
66 |
$card-group-margin: .25rem;
|
|
|
67 |
|
|
|
68 |
// Toasts
|
|
|
69 |
$toast-color: $white !default;
|
|
|
70 |
$toast-background-color: rgba($gray-900, .95) !default;
|
|
|
71 |
$toast-header-color: $gray-100 !default;
|
|
|
72 |
$toast-header-background-color: rgba($white, .1) !default;
|
|
|
73 |
|
|
|
74 |
// Custom control size
|
|
|
75 |
$custom-control-indicator-size: 1.25rem;
|
|
|
76 |
|
|
|
77 |
$input-btn-focus-color: rgba($primary, .75) !default;
|
|
|
78 |
|
|
|
79 |
$input-border-color: $gray-500 !default;
|
|
|
80 |
|
|
|
81 |
$dropdown-link-hover-color: $white;
|
|
|
82 |
$dropdown-link-hover-bg: $primary;
|
|
|
83 |
|
|
|
84 |
$popover-max-width: 300px !default;
|
|
|
85 |
|
|
|
86 |
$border-radius: .5rem !default;
|
|
|
87 |
$border-radius-lg: .6rem !default;
|
|
|
88 |
|
|
|
89 |
// stylelint-disable
|
|
|
90 |
$theme-colors: () !default;
|
|
|
91 |
$theme-colors: map-merge((
|
|
|
92 |
primary: $primary,
|
|
|
93 |
secondary: $secondary,
|
|
|
94 |
success: $success,
|
|
|
95 |
info: $info,
|
|
|
96 |
warning: $warning,
|
|
|
97 |
danger: $danger,
|
|
|
98 |
), $theme-colors);
|
|
|
99 |
// stylelint-enable
|
|
|
100 |
|
|
|
101 |
$spacer: 1rem !default;
|
|
|
102 |
$spacers: (
|
|
|
103 |
0: 0,
|
|
|
104 |
1: ($spacer * .25),
|
|
|
105 |
2: ($spacer * .5),
|
|
|
106 |
3: $spacer,
|
|
|
107 |
4: ($spacer * 1.5),
|
|
|
108 |
5: ($spacer * 2),
|
|
|
109 |
6: ($spacer * 3)
|
|
|
110 |
) !default;
|
|
|
111 |
|
|
|
112 |
// Import FontAwesome.
|
|
|
113 |
@import "fontawesome";
|
|
|
114 |
|
|
|
115 |
// Import All of Bootstrap
|
|
|
116 |
@import "bootstrap";
|
|
|
117 |
|
|
|
118 |
// Import Core moodle CSS
|
|
|
119 |
@import "moodle";
|
|
|
120 |
|
|
|
121 |
// Preset CSS
|
|
|
122 |
|
|
|
123 |
body {
|
|
|
124 |
-webkit-font-smoothing: antialiased;
|
|
|
125 |
-moz-osx-font-smoothing: grayscale;
|
|
|
126 |
}
|
|
|
127 |
|
|
|
128 |
.navbar {
|
|
|
129 |
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
|
|
|
130 |
}
|
|
|
131 |
|
|
|
132 |
// Rounded user pictures
|
|
|
133 |
.userpicture {
|
|
|
134 |
border-radius: 50%;
|
|
|
135 |
}
|
|
|
136 |
|
|
|
137 |
// Reset the default styling back to the bootstrap defaults for
|
|
|
138 |
// the secondary outline button because gray-200 is much too light
|
|
|
139 |
// for an outline button.
|
|
|
140 |
.btn-outline-secondary {
|
|
|
141 |
@include button-outline-variant($gray-600);
|
|
|
142 |
border-color: $gray-600;
|
|
|
143 |
}
|
|
|
144 |
|
|
|
145 |
.btn-outline-info {
|
|
|
146 |
@include button-outline-variant($info-outline);
|
|
|
147 |
}
|
|
|
148 |
|
|
|
149 |
.btn-outline-warning {
|
|
|
150 |
@include button-outline-variant($warning-outline);
|
|
|
151 |
}
|