root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _settings.scss @ 0ef95fe4
History | View | Annotate | Download (33.1 kB)
1 | b3c1328b | Olga Brani | // Required global settings and mixins for Foundation |
---|---|---|---|
2 | b3c1328b | Olga Brani | @import "foundation/variables"; |
3 | b3c1328b | Olga Brani | |
4 | b3c1328b | Olga Brani | // Settings file to override Foundation variables |
5 | b3c1328b | Olga Brani | |
6 | b3c1328b | Olga Brani | // You can find the variables for each component at the bottom of their |
7 | b3c1328b | Olga Brani | // doc page. We tried to name them to where they'd make sense just by reading them. |
8 | b3c1328b | Olga Brani | // Go to http://foundation.zurb.com/docs/ to find what you need. |
9 | b3c1328b | Olga Brani | |
10 | b3c1328b | Olga Brani | // |
11 | b3c1328b | Olga Brani | // Foundation Global Variables |
12 | b3c1328b | Olga Brani | // |
13 | b3c1328b | Olga Brani | |
14 | b3c1328b | Olga Brani | // This is the default html and body font-size for the base em value. |
15 | b3c1328b | Olga Brani | // $em-base: 16px; |
16 | b3c1328b | Olga Brani | |
17 | b3c1328b | Olga Brani | // We use these to control various global styles |
18 | b3c1328b | Olga Brani | // $body-bg: #fff; |
19 | 62b8cb49 | Olga Brani | $body-font-color: #1e1e1e; |
20 | db920d2c | Olga Brani | $body-font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif; |
21 | b3c1328b | Olga Brani | // $body-font-weight: normal; |
22 | b3c1328b | Olga Brani | // $body-font-style: normal; |
23 | b3c1328b | Olga Brani | |
24 | b3c1328b | Olga Brani | // We use this to control font-smoothing |
25 | b3c1328b | Olga Brani | // $font-smoothing: antialiased; |
26 | b3c1328b | Olga Brani | |
27 | b3c1328b | Olga Brani | // We use these to control text direction settings |
28 | b3c1328b | Olga Brani | // $text-direction: ltr; |
29 | b3c1328b | Olga Brani | |
30 | ceaaa3be | Olga Brani | // PALETTE |
31 | ceaaa3be | Olga Brani | |
32 | 7581f1ee | Olga Brani | $gray-1: #919194; // light |
33 | 7581f1ee | Olga Brani | $gray-2: #485057; // charbon |
34 | 7581f1ee | Olga Brani | $gray-3: #636a70; // medium |
35 | 7581f1ee | Olga Brani | $gray-4: #33383D; // dark |
36 | 7581f1ee | Olga Brani | $turquoise-1 : #30c79e; |
37 | 7581f1ee | Olga Brani | $green-1: #00a551; |
38 | 7581f1ee | Olga Brani | $red-1: #ff4040; |
39 | 7581f1ee | Olga Brani | $cobalt-1: #566db1; |
40 | 7581f1ee | Olga Brani | $cobalt-2: #4c71ff; |
41 | 7581f1ee | Olga Brani | $yellow-1: #ffc54a; |
42 | 7581f1ee | Olga Brani | $orange-1: #ff7049; |
43 | 7581f1ee | Olga Brani | $salmon-1: #ff948c; |
44 | 7581f1ee | Olga Brani | $salmon-2: #ffb5af; |
45 | 7581f1ee | Olga Brani | |
46 | 7581f1ee | Olga Brani | // We use these as default colors throughout |
47 | 7581f1ee | Olga Brani | $primary-color: $gray-1; // inactive gray |
48 | 7581f1ee | Olga Brani | $secondary-color: $turquoise-1; // green |
49 | 7581f1ee | Olga Brani | $third-color: $gray-2; |
50 | ceaaa3be | Olga Brani | |
51 | ceaaa3be | Olga Brani | $overlay-bg-color: $third-color; |
52 | 7581f1ee | Olga Brani | $overlay-color-top: $gray-3; |
53 | 7581f1ee | Olga Brani | $overlay-darker-color: $gray-4; |
54 | ceaaa3be | Olga Brani | |
55 | 3549163d | Olga Brani | $light-bg: lighten($primary-color,35%); // common light grey bg |
56 | ceaaa3be | Olga Brani | |
57 | 7581f1ee | Olga Brani | // links color usage |
58 | ceaaa3be | Olga Brani | $inactive-color: $primary-color; |
59 | ceaaa3be | Olga Brani | $link-color: $third-color; |
60 | ceaaa3be | Olga Brani | $link-color-hover : $secondary-color; |
61 | b3c1328b | Olga Brani | |
62 | 780bdcbc | Olga Brani | $border-color-1 : lighten($primary-color,10%); |
63 | 780bdcbc | Olga Brani | |
64 | b3c1328b | Olga Brani | $alert-color: $secondary-color; |
65 | 7581f1ee | Olga Brani | $success-color: $green-1; |
66 | 7581f1ee | Olga Brani | $error-color: $red-1; |
67 | 22a9dde2 | Athina Bekakou | |
68 | 7581f1ee | Olga Brani | // colors for main icons |
69 | 61b185d6 | Olga Brani | $vm-active-color: $secondary-color; |
70 | 7581f1ee | Olga Brani | $vm-error-color: $red-1; |
71 | 7581f1ee | Olga Brani | $vm-off-color: $gray-2; |
72 | 7581f1ee | Olga Brani | $vm-shutting-color: $gray-3; |
73 | 7581f1ee | Olga Brani | $vm-starting-color: $cobalt-1; |
74 | 7581f1ee | Olga Brani | $vm-rebooting-color: $yellow-1; |
75 | 7581f1ee | Olga Brani | $vm-building-color: lighten($vm-active-color, 10%); |
76 | 692c5cea | Olga Brani | |
77 | 1a3be78b | Athina Bekakou | // wizard step2 colors |
78 | 7581f1ee | Olga Brani | $disabled-resource-color: $primary-color; |
79 | 692c5cea | Olga Brani | |
80 | 8168adc5 | Athina Bekakou | // wizard step3 colors |
81 | 7581f1ee | Olga Brani | $ssh-opt-area-color: $orange-1; |
82 | 7581f1ee | Olga Brani | $net-opt-area-color: $salmon-1; |
83 | 7581f1ee | Olga Brani | $tag-opt-area-color: $cobalt-2; |
84 | 8168adc5 | Athina Bekakou | $wizard-base-font-color: white; |
85 | 7581f1ee | Olga Brani | $net-more-opt-area-color: $salmon-2; |
86 | 8168adc5 | Athina Bekakou | |
87 | 049fa0fe | Athina Bekakou | // icon-font sizes |
88 | 049fa0fe | Athina Bekakou | $snf-font-size-medium: emCalc(60px); |
89 | 049fa0fe | Athina Bekakou | $snf-font-size-small: emCalc(34px); |
90 | 049fa0fe | Athina Bekakou | |
91 | 049fa0fe | Athina Bekakou | |
92 | b3c1328b | Olga Brani | // We use these to make sure border radius matches unless we want it different. |
93 | b3c1328b | Olga Brani | $global-radius: 1px; |
94 | b3c1328b | Olga Brani | // $global-rounded: 1000px; |
95 | b3c1328b | Olga Brani | |
96 | b3c1328b | Olga Brani | // header settings |
97 | 656c135b | Olga Brani | $header-height: 80px; |
98 | 656c135b | Olga Brani | $header-height-responsive: 120px; |
99 | 656c135b | Olga Brani | $header-padding-vertical: 20px; |
100 | 656c135b | Olga Brani | $header-padding-horizontal: 15px; |
101 | b3c1328b | Olga Brani | |
102 | 03bcb595 | Olga Brani | // icons nav settings |
103 | 656c135b | Olga Brani | $icons-nav-margin-horizontal : 10px; |
104 | 2d47196d | Olga Brani | |
105 | 3767076e | Olga Brani | // bar options |
106 | 656c135b | Olga Brani | $bar-height: 30px; |
107 | 656c135b | Olga Brani | $bar-menu-height: 50px; |
108 | 656c135b | Olga Brani | $bar-submenu-height: 40px; |
109 | 3767076e | Olga Brani | |
110 | 3767076e | Olga Brani | // button options |
111 | 656c135b | Olga Brani | $btn-height: 30px; |
112 | 656c135b | Olga Brani | |
113 | 656c135b | Olga Brani | // list-view |
114 | f50cc12b | Olga Brani | $lt-bar-width: 150px; |
115 | f50cc12b | Olga Brani | $list-icon-height: 34px; |
116 | 049fa0fe | Athina Bekakou | |
117 | 049fa0fe | Athina Bekakou | // grid-view |
118 | 049fa0fe | Athina Bekakou | $grid-icon-height: $snf-font-size-medium; |
119 | 3767076e | Olga Brani | |
120 | 780bdcbc | Olga Brani | // details view |
121 | 780bdcbc | Olga Brani | $details-top-height: 160px; |
122 | 780bdcbc | Olga Brani | $details-lt-width: 290px; |
123 | 3549163d | Olga Brani | $details-top-more-padding-lt : 20px; |
124 | 780bdcbc | Olga Brani | |
125 | 05689a8e | Olga Brani | |
126 | 0ef95fe4 | Olga Brani | // items-list list-view settings |
127 | 0ef95fe4 | Olga Brani | $check-w : 60px; |
128 | 0ef95fe4 | Olga Brani | $img-wrap-w : 70px; |
129 | 0ef95fe4 | Olga Brani | $h4-w : 230px; |
130 | 0ef95fe4 | Olga Brani | $tags-w :8%; |
131 | 0ef95fe4 | Olga Brani | $info-w: 200px; |
132 | 0ef95fe4 | Olga Brani | $actions-w: 140px; |
133 | 0ef95fe4 | Olga Brani | |
134 | b3c1328b | Olga Brani | // We use these to control inset shadow shiny edges and depressions. |
135 | b3c1328b | Olga Brani | // $shiny-edge-size: 0 1px 0; |
136 | b3c1328b | Olga Brani | // $shiny-edge-color: rgba(#fff, .5); |
137 | b3c1328b | Olga Brani | // $shiny-edge-active-color: rgba(#000, .2); |
138 | b3c1328b | Olga Brani | |
139 | b3c1328b | Olga Brani | // We use this to control whether or not CSS classes come through in the gem files. |
140 | b3c1328b | Olga Brani | // $include-html-classes: true; |
141 | b3c1328b | Olga Brani | // $include-print-styles: true; |
142 | b3c1328b | Olga Brani | |
143 | b3c1328b | Olga Brani | // Modular html classes |
144 | b3c1328b | Olga Brani | // $include-html-grid-classes: $include-html-classes; |
145 | b3c1328b | Olga Brani | // $include-html-visibility-classes: $include-html-classes; |
146 | b3c1328b | Olga Brani | // $include-html-button-classes: $include-html-classes; |
147 | b3c1328b | Olga Brani | // $include-html-form-classes: $include-html-classes; |
148 | b3c1328b | Olga Brani | // $include-html-media-classes: $include-html-classes; |
149 | b3c1328b | Olga Brani | // $include-html-section-classes: $include-html-classes; |
150 | b3c1328b | Olga Brani | // $include-html-reveal-classes: $include-html-classes; |
151 | b3c1328b | Olga Brani | // $include-html-alert-classes: $include-html-classes; |
152 | b3c1328b | Olga Brani | // $include-html-nav-classes: $include-html-classes; |
153 | b3c1328b | Olga Brani | // $include-html-label-classes: $include-html-classes; |
154 | b3c1328b | Olga Brani | // $include-html-panel-classes: $include-html-classes; |
155 | b3c1328b | Olga Brani | // $include-html-pricing-classes: $include-html-classes; |
156 | b3c1328b | Olga Brani | // $include-html-progress-classes: $include-html-classes; |
157 | b3c1328b | Olga Brani | |
158 | b3c1328b | Olga Brani | // |
159 | b3c1328b | Olga Brani | // Grid Variables |
160 | b3c1328b | Olga Brani | // |
161 | b3c1328b | Olga Brani | |
162 | 65814c28 | Olga Brani | $row-full-width:100%; |
163 | 3549163d | Olga Brani | //$row-width: emCalc(960px); |
164 | bae6a7f7 | Olga Brani | $row-small: emCalc(580px); |
165 | 656c135b | Olga Brani | $main-padding-horizontal: emCalc(10px); |
166 | 1f440438 | Olga Brani | |
167 | 1f440438 | Olga Brani | $conf-area-h-width: emCalc(300px); |
168 | b3ffc710 | Olga Brani | |
169 | b3ffc710 | Olga Brani | $step-adv-padding:emCalc(40px); |
170 | b3c1328b | Olga Brani | // $column-gutter: 1.875em; |
171 | b3c1328b | Olga Brani | // $total-columns: 12; |
172 | b3c1328b | Olga Brani | |
173 | b3c1328b | Olga Brani | // |
174 | b3c1328b | Olga Brani | // Block Grid Variables |
175 | b3c1328b | Olga Brani | // |
176 | b3c1328b | Olga Brani | |
177 | b3c1328b | Olga Brani | // We use this to control the maximum number of block grid elements per row |
178 | b3c1328b | Olga Brani | // $block-grid-elements: 12; |
179 | b3c1328b | Olga Brani | // $block-grid-default-spacing: 10px; |
180 | b3c1328b | Olga Brani | |
181 | b3c1328b | Olga Brani | // Enables media queries for block-grid classes. Set to false if writing semantic HTML. |
182 | b3c1328b | Olga Brani | // $block-grid-media-queries: true; |
183 | b3c1328b | Olga Brani | |
184 | c6724224 | Olga Brani | $small-mobile:emCalc(480px); |
185 | c6724224 | Olga Brani | |
186 | b3c1328b | Olga Brani | // |
187 | b3c1328b | Olga Brani | // Typography Variables |
188 | b3c1328b | Olga Brani | // |
189 | b3c1328b | Olga Brani | |
190 | 430263cf | Olga Brani | $wizard-paragraph-font-size: 10px; |
191 | 5bdb4b1c | Athina Bekakou | $wizard-paragraph-font-size-custom: 14px; |
192 | b3c1328b | Olga Brani | // We use these to control header font styles |
193 | 673ea014 | Olga Brani | $header-font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif; |
194 | b3c1328b | Olga Brani | // $header-font-weight: bold; |
195 | b3c1328b | Olga Brani | // $header-font-style: normal; |
196 | 673ea014 | Olga Brani | $header-font-color: $body-font-color; |
197 | b3c1328b | Olga Brani | // $header-line-height: 1.4; |
198 | b3c1328b | Olga Brani | // $header-top-margin: .2em; |
199 | b3c1328b | Olga Brani | // $header-bottom-margin: .5em; |
200 | b3c1328b | Olga Brani | // $header-text-rendering: optimizeLegibility; |
201 | b3c1328b | Olga Brani | |
202 | b3c1328b | Olga Brani | // We use these to control header font sizes |
203 | b3c1328b | Olga Brani | // $h1-font-size: emCalc(44px); |
204 | b3c1328b | Olga Brani | // $h2-font-size: emCalc(37px); |
205 | b3c1328b | Olga Brani | // $h3-font-size: emCalc(27px); |
206 | b3c1328b | Olga Brani | // $h4-font-size: emCalc(23px); |
207 | b3c1328b | Olga Brani | // $h5-font-size: emCalc(18px); |
208 | b3c1328b | Olga Brani | // $h6-font-size: 1em; |
209 | b3c1328b | Olga Brani | |
210 | b3c1328b | Olga Brani | // These control how subheaders are styled. |
211 | b3c1328b | Olga Brani | // $subheader-line-height: 1.4; |
212 | b3c1328b | Olga Brani | // $subheader-font-color: lighten($header-font-color, 30%); |
213 | b3c1328b | Olga Brani | // $subheader-font-weight: 300; |
214 | b3c1328b | Olga Brani | // $subheader-top-margin: .2em; |
215 | b3c1328b | Olga Brani | // $subheader-bottom-margin: .5em; |
216 | b3c1328b | Olga Brani | |
217 | b3c1328b | Olga Brani | // A general <small> styling |
218 | b3c1328b | Olga Brani | // $small-font-size: 60%; |
219 | b3c1328b | Olga Brani | // $small-font-color: lighten($header-font-color, 30%); |
220 | b3c1328b | Olga Brani | |
221 | b3c1328b | Olga Brani | // We use these to style paragraphs |
222 | b3c1328b | Olga Brani | // $paragraph-font-family: inherit; |
223 | b3c1328b | Olga Brani | // $paragraph-font-weight: normal; |
224 | b3c1328b | Olga Brani | // $paragraph-font-size: 1em; |
225 | b3c1328b | Olga Brani | // $paragraph-line-height: 1.6; |
226 | b3c1328b | Olga Brani | // $paragraph-margin-bottom: emCalc(20px); |
227 | b3c1328b | Olga Brani | // $paragraph-aside-font-size: emCalc(14px); |
228 | b3c1328b | Olga Brani | // $paragraph-aside-line-height: 1.35; |
229 | b3c1328b | Olga Brani | // $paragraph-aside-font-style: italic; |
230 | b3c1328b | Olga Brani | |
231 | b3c1328b | Olga Brani | // We use these to style <code> tags |
232 | b3c1328b | Olga Brani | // $code-color: darken($alert-color, 15%); |
233 | b3c1328b | Olga Brani | // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; |
234 | b3c1328b | Olga Brani | // $code-font-weight: bold; |
235 | b3c1328b | Olga Brani | |
236 | b3c1328b | Olga Brani | // We use these to style anchors |
237 | b3c1328b | Olga Brani | // $anchor-text-decoration: none; |
238 | b3c1328b | Olga Brani | // $anchor-font-color: $primary-color; |
239 | b3c1328b | Olga Brani | // $anchor-font-color-hover: darken($primary-color, 5%); |
240 | b3c1328b | Olga Brani | |
241 | b3c1328b | Olga Brani | // We use these to style the <hr> element |
242 | b3c1328b | Olga Brani | // $hr-border-width: 1px; |
243 | b3c1328b | Olga Brani | // $hr-border-style: solid; |
244 | b3c1328b | Olga Brani | // $hr-border-color: #ddd; |
245 | b3c1328b | Olga Brani | // $hr-margin: emCalc(20px); |
246 | b3c1328b | Olga Brani | |
247 | b3c1328b | Olga Brani | // We use these to style lists |
248 | b3c1328b | Olga Brani | // $list-style-position: outside; |
249 | b3c1328b | Olga Brani | // $list-side-margin: emCalc(18px); |
250 | b3c1328b | Olga Brani | // $definition-list-header-weight: bold; |
251 | b3c1328b | Olga Brani | // $definition-list-header-margin-bottom: .3em; |
252 | b3c1328b | Olga Brani | // $definition-list-margin-bottom: emCalc(12px); |
253 | b3c1328b | Olga Brani | |
254 | b3c1328b | Olga Brani | // We use these to style blockquotes |
255 | b3c1328b | Olga Brani | // $blockquote-font-color: lighten($header-font-color, 30%); |
256 | b3c1328b | Olga Brani | // $blockquote-padding: emCalc(9px) emCalc(20px) 0 emCalc(19px); |
257 | b3c1328b | Olga Brani | // $blockquote-border: 1px solid #ddd; |
258 | b3c1328b | Olga Brani | // $blockquote-cite-font-size: emCalc(13px); |
259 | b3c1328b | Olga Brani | // $blockquote-cite-font-color: lighten($header-font-color, 20%); |
260 | b3c1328b | Olga Brani | // $blockquote-cite-link-color: $blockquote-cite-font-color; |
261 | b3c1328b | Olga Brani | |
262 | b3c1328b | Olga Brani | // Acronym styles |
263 | b3c1328b | Olga Brani | // $acronym-underline: 1px dotted #ddd; |
264 | b3c1328b | Olga Brani | |
265 | b3c1328b | Olga Brani | // We use these to control padding and margin |
266 | b3c1328b | Olga Brani | // $microformat-padding: emCalc(10px) emCalc(12px); |
267 | b3c1328b | Olga Brani | // $microformat-margin: 0 0 emCalc(20px) 0; |
268 | b3c1328b | Olga Brani | |
269 | b3c1328b | Olga Brani | // We use these to control the border styles |
270 | b3c1328b | Olga Brani | // $microformat-border-width: 1px; |
271 | b3c1328b | Olga Brani | // $microformat-border-style: solid; |
272 | b3c1328b | Olga Brani | // $microformat-border-color: #ddd; |
273 | b3c1328b | Olga Brani | |
274 | b3c1328b | Olga Brani | // We use these to control full name font styles |
275 | b3c1328b | Olga Brani | // $microformat-fullname-font-weight: bold; |
276 | b3c1328b | Olga Brani | // $microformat-fullname-font-size: emCalc(15px); |
277 | b3c1328b | Olga Brani | |
278 | b3c1328b | Olga Brani | // We use this to control the summary font styles |
279 | b3c1328b | Olga Brani | // $microformat-summary-font-weight: bold; |
280 | b3c1328b | Olga Brani | |
281 | b3c1328b | Olga Brani | // We use this to control abbr padding |
282 | b3c1328b | Olga Brani | // $microformat-abbr-padding: 0 emCalc(1px); |
283 | b3c1328b | Olga Brani | |
284 | b3c1328b | Olga Brani | // We use this to control abbr font styles |
285 | b3c1328b | Olga Brani | // $microformat-abbr-font-weight: bold; |
286 | b3c1328b | Olga Brani | // $microformat-abbr-font-decoration: none; |
287 | b3c1328b | Olga Brani | |
288 | b3c1328b | Olga Brani | // |
289 | b3c1328b | Olga Brani | // Form Variables |
290 | b3c1328b | Olga Brani | // |
291 | b3c1328b | Olga Brani | |
292 | b3c1328b | Olga Brani | // We use this to set the base for lots of form spacing and positioning styles |
293 | b3c1328b | Olga Brani | // $form-spacing: emCalc(16px); |
294 | b3c1328b | Olga Brani | |
295 | b3c1328b | Olga Brani | // We use these to style the labels in different ways |
296 | b3c1328b | Olga Brani | // $label-pointer: pointer; |
297 | b3c1328b | Olga Brani | // $label-font-size: emCalc(14px); |
298 | b3c1328b | Olga Brani | // $label-font-weight: 500; |
299 | b3c1328b | Olga Brani | // $label-font-color: lighten(#000, 30%); |
300 | b3c1328b | Olga Brani | // $label-bottom-margin: emCalc(3px); |
301 | b3c1328b | Olga Brani | // $input-font-family: inherit; |
302 | b3c1328b | Olga Brani | // $input-font-color: rgba(0,0,0,0.75); |
303 | b3c1328b | Olga Brani | // $input-font-size: emCalc(14px); |
304 | b3c1328b | Olga Brani | // $input-bg-color: #fff; |
305 | b3c1328b | Olga Brani | // $input-focus-bg-color: darken(#fff, 2%); |
306 | 9569cdc8 | Olga Brani | $input-border-color: $primary-color; |
307 | b3c1328b | Olga Brani | // $input-focus-border-color: darken(#fff, 40%); |
308 | b3c1328b | Olga Brani | // $input-border-style: solid; |
309 | b3c1328b | Olga Brani | // $input-border-width: 1px; |
310 | b3c1328b | Olga Brani | // $input-disabled-bg: #ddd; |
311 | b3c1328b | Olga Brani | // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
312 | b3c1328b | Olga Brani | |
313 | b3c1328b | Olga Brani | // We use these to style the fieldset border and spacing. |
314 | b3c1328b | Olga Brani | // $fieldset-border-style: solid; |
315 | b3c1328b | Olga Brani | // $fieldset-border-width: 1px; |
316 | b3c1328b | Olga Brani | // $fieldset-border-color: #ddd; |
317 | b3c1328b | Olga Brani | // $fieldset-padding: emCalc(20px); |
318 | b3c1328b | Olga Brani | // $fieldset-margin: emCalc(18px) 0; |
319 | b3c1328b | Olga Brani | |
320 | b3c1328b | Olga Brani | // We use these to style the legends when you use them |
321 | b3c1328b | Olga Brani | // $legend-bg: #fff; |
322 | b3c1328b | Olga Brani | // $legend-font-weight: bold; |
323 | b3c1328b | Olga Brani | // $legend-padding: 0 emCalc(3px); |
324 | b3c1328b | Olga Brani | |
325 | b3c1328b | Olga Brani | // We use these to style the prefix and postfix input elements |
326 | b3c1328b | Olga Brani | // $input-prefix-bg: darken(#fff, 5%); |
327 | b3c1328b | Olga Brani | // $input-prefix-border-color: darken(#fff, 20%); |
328 | b3c1328b | Olga Brani | // $input-prefix-border-size: 1px; |
329 | b3c1328b | Olga Brani | // $input-prefix-border-type: solid; |
330 | b3c1328b | Olga Brani | // $input-prefix-overflow: hidden; |
331 | b3c1328b | Olga Brani | // $input-prefix-font-color: #333; |
332 | b3c1328b | Olga Brani | // $input-prefix-font-color-alt: #fff; |
333 | b3c1328b | Olga Brani | |
334 | b3c1328b | Olga Brani | // We use these to style the error states for inputs and labels |
335 | b3c1328b | Olga Brani | // $input-error-message-padding: emCalc(6px) emCalc(4px); |
336 | b3c1328b | Olga Brani | // $input-error-message-top: -($form-spacing) - emCalc(5px); |
337 | b3c1328b | Olga Brani | // $input-error-message-font-size: emCalc(12px); |
338 | b3c1328b | Olga Brani | // $input-error-message-font-weight: bold; |
339 | b3c1328b | Olga Brani | // $input-error-message-font-color: #fff; |
340 | b3c1328b | Olga Brani | // $input-error-message-font-color-alt: #333; |
341 | b3c1328b | Olga Brani | |
342 | b3c1328b | Olga Brani | // We use these to build padding for buttons. |
343 | b3c1328b | Olga Brani | // $button-med: emCalc(12px); |
344 | b3c1328b | Olga Brani | // $button-tny: emCalc(7px); |
345 | b3c1328b | Olga Brani | // $button-sml: emCalc(9px); |
346 | b3c1328b | Olga Brani | // $button-lrg: emCalc(16px); |
347 | b3c1328b | Olga Brani | |
348 | b3c1328b | Olga Brani | // We use this to control the display property. |
349 | b3c1328b | Olga Brani | // $button-display: inline-block; |
350 | b3c1328b | Olga Brani | // $button-margin-bottom: emCalc(20px); |
351 | b3c1328b | Olga Brani | |
352 | b3c1328b | Olga Brani | // We use these to control button text styles. |
353 | b3c1328b | Olga Brani | // $button-font-family: inherit; |
354 | b3c1328b | Olga Brani | // $button-font-color: #fff; |
355 | b3c1328b | Olga Brani | // $button-font-color-alt: #333; |
356 | b3c1328b | Olga Brani | // $button-font-med: emCalc(16px); |
357 | b3c1328b | Olga Brani | // $button-font-tny: emCalc(11px); |
358 | b3c1328b | Olga Brani | // $button-font-sml: emCalc(13px); |
359 | b3c1328b | Olga Brani | // $button-font-lrg: emCalc(20px); |
360 | b3c1328b | Olga Brani | // $button-font-weight: bold; |
361 | b3c1328b | Olga Brani | // $button-font-align: center; |
362 | b3c1328b | Olga Brani | |
363 | b3c1328b | Olga Brani | // We use these to control various hover effects. |
364 | b3c1328b | Olga Brani | // $button-function-factor: 10%; |
365 | b3c1328b | Olga Brani | |
366 | b3c1328b | Olga Brani | // We use these to control button border styles. |
367 | b3c1328b | Olga Brani | // $button-border-width: 1px; |
368 | b3c1328b | Olga Brani | // $button-border-style: solid; |
369 | b3c1328b | Olga Brani | // $button-border-color: darken($primary-color, $button-function-factor); |
370 | b3c1328b | Olga Brani | |
371 | b3c1328b | Olga Brani | // We use this to set the default radius used throughout the core. |
372 | b3c1328b | Olga Brani | // $button-radius: $global-radius; |
373 | b3c1328b | Olga Brani | |
374 | b3c1328b | Olga Brani | // We use this to set default opacity for disabled buttons. |
375 | b3c1328b | Olga Brani | // $button-disabled-opacity: 0.6; |
376 | b3c1328b | Olga Brani | |
377 | b3c1328b | Olga Brani | // |
378 | b3c1328b | Olga Brani | // Dropdown Button Variables |
379 | b3c1328b | Olga Brani | // |
380 | b3c1328b | Olga Brani | |
381 | b3c1328b | Olga Brani | // We use these to set the color of the pip in dropdown buttons |
382 | b3c1328b | Olga Brani | // $dropdown-button-pip-color: #fff; |
383 | b3c1328b | Olga Brani | // $dropdown-button-pip-color-alt: #333; |
384 | b3c1328b | Olga Brani | |
385 | b3c1328b | Olga Brani | // We use these to style tiny dropdown buttons |
386 | b3c1328b | Olga Brani | // $dropdown-button-padding-tny: $button-tny * 5; |
387 | b3c1328b | Olga Brani | // $dropdown-button-pip-size-tny: $button-tny; |
388 | b3c1328b | Olga Brani | // $dropdown-button-pip-right-tny: $button-tny * 2; |
389 | b3c1328b | Olga Brani | // $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px); |
390 | b3c1328b | Olga Brani | |
391 | b3c1328b | Olga Brani | // We use these to style small dropdown buttons |
392 | b3c1328b | Olga Brani | // $dropdown-button-padding-sml: $button-sml * 5; |
393 | b3c1328b | Olga Brani | // $dropdown-button-pip-size-sml: $button-sml; |
394 | b3c1328b | Olga Brani | // $dropdown-button-pip-right-sml: $button-sml * 2; |
395 | b3c1328b | Olga Brani | // $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px); |
396 | b3c1328b | Olga Brani | |
397 | b3c1328b | Olga Brani | // We use these to style medium dropdown buttons |
398 | b3c1328b | Olga Brani | // $dropdown-button-padding-med: $button-med * 4 + emCalc(3px); |
399 | b3c1328b | Olga Brani | // $dropdown-button-pip-size-med: $button-med - emCalc(3px); |
400 | b3c1328b | Olga Brani | // $dropdown-button-pip-right-med: $button-med * 2; |
401 | b3c1328b | Olga Brani | // $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px); |
402 | b3c1328b | Olga Brani | |
403 | b3c1328b | Olga Brani | // We use these to style large dropdown buttons |
404 | b3c1328b | Olga Brani | // $dropdown-button-padding-lrg: $button-lrg * 4; |
405 | b3c1328b | Olga Brani | // $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px); |
406 | b3c1328b | Olga Brani | // $dropdown-button-pip-right-lrg: $button-lrg + emCalc(12px); |
407 | b3c1328b | Olga Brani | // $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px); |
408 | b3c1328b | Olga Brani | |
409 | b3c1328b | Olga Brani | // |
410 | b3c1328b | Olga Brani | // Split Button Variables |
411 | b3c1328b | Olga Brani | // |
412 | b3c1328b | Olga Brani | |
413 | b3c1328b | Olga Brani | // We use these to control different shared styles for Split Buttons |
414 | b3c1328b | Olga Brani | // $split-button-function-factor: 15%; |
415 | b3c1328b | Olga Brani | // $split-button-pip-color: #fff; |
416 | b3c1328b | Olga Brani | // $split-button-pip-color-alt: #333; |
417 | b3c1328b | Olga Brani | // $split-button-active-bg-tint: rgba(0,0,0,0.1); |
418 | b3c1328b | Olga Brani | |
419 | b3c1328b | Olga Brani | // We use these to control tiny split buttons |
420 | b3c1328b | Olga Brani | // $split-button-padding-tny: $button-tny * 9; |
421 | b3c1328b | Olga Brani | // $split-button-span-width-tny: $button-tny * 6.5; |
422 | b3c1328b | Olga Brani | // $split-button-pip-size-tny: $button-tny; |
423 | b3c1328b | Olga Brani | // $split-button-pip-top-tny: $button-tny * 2; |
424 | b3c1328b | Olga Brani | // $split-button-pip-left-tny: emCalc(-5px); |
425 | b3c1328b | Olga Brani | |
426 | b3c1328b | Olga Brani | // We use these to control small split buttons |
427 | b3c1328b | Olga Brani | // $split-button-padding-sml: $button-sml * 7; |
428 | b3c1328b | Olga Brani | // $split-button-span-width-sml: $button-sml * 5; |
429 | b3c1328b | Olga Brani | // $split-button-pip-size-sml: $button-sml; |
430 | b3c1328b | Olga Brani | // $split-button-pip-top-sml: $button-sml * 1.5; |
431 | b3c1328b | Olga Brani | // $split-button-pip-left-sml: emCalc(-9px); |
432 | b3c1328b | Olga Brani | |
433 | b3c1328b | Olga Brani | // We use these to control medium split buttons |
434 | b3c1328b | Olga Brani | // $split-button-padding-med: $button-med * 6.4; |
435 | b3c1328b | Olga Brani | // $split-button-span-width-med: $button-med * 4; |
436 | b3c1328b | Olga Brani | // $split-button-pip-size-med: $button-med - emCalc(3px); |
437 | b3c1328b | Olga Brani | // $split-button-pip-top-med: $button-med * 1.5; |
438 | b3c1328b | Olga Brani | // $split-button-pip-left-med: emCalc(-9px); |
439 | b3c1328b | Olga Brani | |
440 | b3c1328b | Olga Brani | // We use these to control large split buttons |
441 | b3c1328b | Olga Brani | // $split-button-padding-lrg: $button-lrg * 6; |
442 | b3c1328b | Olga Brani | // $split-button-span-width-lrg: $button-lrg * 3.75; |
443 | b3c1328b | Olga Brani | // $split-button-pip-size-lrg: $button-lrg - emCalc(6px); |
444 | b3c1328b | Olga Brani | // $split-button-pip-top-lrg: $button-lrg + emCalc(5px); |
445 | b3c1328b | Olga Brani | // $split-button-pip-left-lrg: emCalc(-9px); |
446 | b3c1328b | Olga Brani | |
447 | b3c1328b | Olga Brani | // |
448 | b3c1328b | Olga Brani | // Alert Variables |
449 | b3c1328b | Olga Brani | // |
450 | b3c1328b | Olga Brani | |
451 | b3c1328b | Olga Brani | // We use this to control alert padding. |
452 | b3c1328b | Olga Brani | // $alert-padding-top: emCalc(11px); |
453 | b3c1328b | Olga Brani | // $alert-padding-left: $alert-padding-top; |
454 | b3c1328b | Olga Brani | // $alert-padding-right: $alert-padding-top + emCalc(10px); |
455 | b3c1328b | Olga Brani | // $alert-padding-bottom: $alert-padding-top + emCalc(1px); |
456 | b3c1328b | Olga Brani | |
457 | b3c1328b | Olga Brani | // We use these to control text style. |
458 | b3c1328b | Olga Brani | // $alert-font-weight: bold; |
459 | b3c1328b | Olga Brani | // $alert-font-size: emCalc(14px); |
460 | b3c1328b | Olga Brani | // $alert-font-color: #fff; |
461 | b3c1328b | Olga Brani | // $alert-font-color-alt: darken($secondary-color, 60%); |
462 | b3c1328b | Olga Brani | |
463 | b3c1328b | Olga Brani | // We use this for close hover effect. |
464 | b3c1328b | Olga Brani | // $alert-function-factor: 10%; |
465 | b3c1328b | Olga Brani | |
466 | b3c1328b | Olga Brani | // We use these to control border styles. |
467 | b3c1328b | Olga Brani | // $alert-border-style: solid; |
468 | b3c1328b | Olga Brani | // $alert-border-width: 1px; |
469 | b3c1328b | Olga Brani | // $alert-border-color: darken($primary-color, $alert-function-factor); |
470 | b3c1328b | Olga Brani | // $alert-bottom-margin: emCalc(20px); |
471 | b3c1328b | Olga Brani | |
472 | b3c1328b | Olga Brani | // We use these to style the close buttons |
473 | b3c1328b | Olga Brani | // $alert-close-color: #333; |
474 | b3c1328b | Olga Brani | // $alert-close-position: emCalc(5px); |
475 | b3c1328b | Olga Brani | // $alert-close-font-size: emCalc(22px); |
476 | b3c1328b | Olga Brani | // $alert-close-opacity: 0.3; |
477 | b3c1328b | Olga Brani | // $alert-close-opacity-hover: 0.5; |
478 | b3c1328b | Olga Brani | // $alert-close-padding: 5px 4px 4px; |
479 | b3c1328b | Olga Brani | |
480 | b3c1328b | Olga Brani | // We use this to control border radius |
481 | b3c1328b | Olga Brani | // $alert-radius: $global-radius; |
482 | b3c1328b | Olga Brani | |
483 | b3c1328b | Olga Brani | // |
484 | b3c1328b | Olga Brani | // Breadcrumb Variables |
485 | b3c1328b | Olga Brani | // |
486 | b3c1328b | Olga Brani | |
487 | b3c1328b | Olga Brani | // We use this to set the background color for the breadcrumb container. |
488 | 9569cdc8 | Olga Brani | $crumb-bg: transparent; |
489 | b3c1328b | Olga Brani | |
490 | b3c1328b | Olga Brani | // We use these to set the padding around the breadcrumbs. |
491 | 9569cdc8 | Olga Brani | $crumb-padding: 0 emCalc(14px) emCalc(9px); |
492 | b3c1328b | Olga Brani | // $crumb-side-padding: emCalc(12px); |
493 | b3c1328b | Olga Brani | |
494 | b3c1328b | Olga Brani | // We use these to control border styles. |
495 | b3c1328b | Olga Brani | // $crumb-function-factor: 10%; |
496 | b3c1328b | Olga Brani | // $crumb-border-size: 1px; |
497 | b3c1328b | Olga Brani | // $crumb-border-style: solid; |
498 | 9569cdc8 | Olga Brani | $crumb-border-color: transparent; |
499 | b3c1328b | Olga Brani | // $crumb-radius: $global-radius; |
500 | b3c1328b | Olga Brani | |
501 | b3c1328b | Olga Brani | // We use these to set various text styles for breadcrumbs. |
502 | 9569cdc8 | Olga Brani | $crumb-font-size: inherit; |
503 | b3c1328b | Olga Brani | // $crumb-font-color: $primary-color; |
504 | b3c1328b | Olga Brani | // $crumb-font-color-current: #333; |
505 | b3c1328b | Olga Brani | // $crumb-font-color-unavailable: #999; |
506 | 9569cdc8 | Olga Brani | $crumb-font-transform: none; |
507 | 9569cdc8 | Olga Brani | $crumb-link-decor: none; |
508 | b3c1328b | Olga Brani | |
509 | b3c1328b | Olga Brani | // We use these to control the slash between breadcrumbs |
510 | b3c1328b | Olga Brani | // $crumb-slash-color: #aaa; |
511 | 9569cdc8 | Olga Brani | $crumb-slash: ">"; |
512 | b3c1328b | Olga Brani | |
513 | b3c1328b | Olga Brani | // |
514 | b3c1328b | Olga Brani | // Clearing Variables |
515 | b3c1328b | Olga Brani | // |
516 | b3c1328b | Olga Brani | |
517 | b3c1328b | Olga Brani | // We use these to set the background colors for parts of Clearing. |
518 | b3c1328b | Olga Brani | // $clearing-bg: #111; |
519 | b3c1328b | Olga Brani | // $clearing-caption-bg: $clearing-bg; |
520 | b3c1328b | Olga Brani | // $clearing-carousel-bg: #111; |
521 | b3c1328b | Olga Brani | // $clearing-img-bg: $clearing-bg; |
522 | b3c1328b | Olga Brani | |
523 | b3c1328b | Olga Brani | // We use these to style the close button |
524 | b3c1328b | Olga Brani | // $clearing-close-color: #fff; |
525 | b3c1328b | Olga Brani | // $clearing-close-size: 40px; |
526 | b3c1328b | Olga Brani | |
527 | b3c1328b | Olga Brani | // We use these to style the arrows |
528 | b3c1328b | Olga Brani | // $clearing-arrow-size: 16px; |
529 | b3c1328b | Olga Brani | // $clearing-arrow-color: $clearing-close-color; |
530 | b3c1328b | Olga Brani | |
531 | b3c1328b | Olga Brani | // We use these to style captions |
532 | b3c1328b | Olga Brani | // $clearing-caption-font-color: #fff; |
533 | b3c1328b | Olga Brani | // $clearing-caption-padding: 10px 30px; |
534 | b3c1328b | Olga Brani | |
535 | b3c1328b | Olga Brani | // We use these to make the image and carousel height and style |
536 | b3c1328b | Olga Brani | // $clearing-active-img-height: 75%; |
537 | b3c1328b | Olga Brani | // $clearing-carousel-height: 150px; |
538 | b3c1328b | Olga Brani | // $clearing-carousel-thumb-width: 175px; |
539 | b3c1328b | Olga Brani | // $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); |
540 | b3c1328b | Olga Brani | |
541 | b3c1328b | Olga Brani | // |
542 | b3c1328b | Olga Brani | // Custom Form Variables |
543 | b3c1328b | Olga Brani | // |
544 | b3c1328b | Olga Brani | |
545 | b3c1328b | Olga Brani | // We use these to control the basic form styles input styles |
546 | b3c1328b | Olga Brani | // $custom-form-border-color: #ccc; |
547 | b3c1328b | Olga Brani | // $custom-form-bg: #fff; |
548 | b3c1328b | Olga Brani | // $custom-form-bg-disabled: #ddd; |
549 | b3c1328b | Olga Brani | // $custom-form-check-color: #222; |
550 | b3c1328b | Olga Brani | |
551 | b3c1328b | Olga Brani | // We use these to style the custom select form element. |
552 | ceaaa3be | Olga Brani | $custom-select-bg: $overlay-bg-color; |
553 | ceaaa3be | Olga Brani | $custom-select-fade-to-color: $overlay-bg-color; |
554 | af86484e | Olga Brani | $custom-select-border-color: white; |
555 | af86484e | Olga Brani | $custom-select-triangle-color: white; |
556 | af86484e | Olga Brani | $custom-select-triangle-color-open: white; |
557 | b3c1328b | Olga Brani | // $custom-select-height: emCalc(13px) + ($form-spacing * 1.5); |
558 | b3c1328b | Olga Brani | // $custom-select-margin-bottom: emCalc(20px); |
559 | b3c1328b | Olga Brani | // $custom-select-font-color-selected: #141414; |
560 | b3c1328b | Olga Brani | // $custom-select-disabled-color: #888; |
561 | b3c1328b | Olga Brani | |
562 | b3c1328b | Olga Brani | // We use these to control the style of the custom select dropdown element. |
563 | b3c1328b | Olga Brani | // $custom-dropdown-height: 200px; |
564 | b3c1328b | Olga Brani | // $custom-dropdown-bg: #fff; |
565 | b3c1328b | Olga Brani | // $custom-dropdown-border-color: darken(#fff, 20%); |
566 | b3c1328b | Olga Brani | // $custom-dropdown-border-width: 1px; |
567 | b3c1328b | Olga Brani | // $custom-dropdown-border-style: solid; |
568 | b3c1328b | Olga Brani | // $custom-dropdown-font-color: #555; |
569 | b3c1328b | Olga Brani | // $custom-dropdown-font-size: emCalc(14px); |
570 | b3c1328b | Olga Brani | // $custom-dropdown-color-selected: #eeeeee; |
571 | b3c1328b | Olga Brani | // $custom-dropdown-font-color-selected: #000; |
572 | b3c1328b | Olga Brani | // $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); |
573 | b3c1328b | Olga Brani | // $custom-dropdown-offset-top: none; |
574 | b3c1328b | Olga Brani | // $custom-dropdown-list-padding: emCalc(4px); |
575 | b3c1328b | Olga Brani | // $custom-dropdown-left-padding: emCalc(6px); |
576 | b3c1328b | Olga Brani | // $custom-dropdown-right-padding: emCalc(38px); |
577 | b3c1328b | Olga Brani | // $custom-dropdown-list-item-min-height: emCalc(24px); |
578 | b3c1328b | Olga Brani | |
579 | b3c1328b | Olga Brani | // |
580 | b3c1328b | Olga Brani | // Dropdown Variables |
581 | b3c1328b | Olga Brani | // |
582 | b3c1328b | Olga Brani | |
583 | b3c1328b | Olga Brani | // We use these to controls height and width styles. |
584 | b3c1328b | Olga Brani | // $f-dropdown-max-width: 200px; |
585 | b3c1328b | Olga Brani | // $f-dropdown-height: auto; |
586 | b3c1328b | Olga Brani | // $f-dropdown-max-height: none; |
587 | b3c1328b | Olga Brani | // $f-dropdown-margin-top: 2px; |
588 | b3c1328b | Olga Brani | |
589 | b3c1328b | Olga Brani | // We use this to control the background color |
590 | b3c1328b | Olga Brani | // $f-dropdown-bg: #fff; |
591 | b3c1328b | Olga Brani | |
592 | b3c1328b | Olga Brani | // We use this to set the border styles for dropdowns. |
593 | b3c1328b | Olga Brani | // $f-dropdown-border-style: solid; |
594 | b3c1328b | Olga Brani | // $f-dropdown-border-width: 1px; |
595 | b3c1328b | Olga Brani | // $f-dropdown-border-color: darken(#fff, 20%); |
596 | b3c1328b | Olga Brani | |
597 | b3c1328b | Olga Brani | // We use these to style the triangle pip. |
598 | b3c1328b | Olga Brani | // $f-dropdown-triangle-size: 6px; |
599 | b3c1328b | Olga Brani | // $f-dropdown-triangle-color: #fff; |
600 | b3c1328b | Olga Brani | // $f-dropdown-triangle-side-offset: 10px; |
601 | b3c1328b | Olga Brani | |
602 | b3c1328b | Olga Brani | // We use these to control styles for the list elements. |
603 | b3c1328b | Olga Brani | // $f-dropdown-list-style: none; |
604 | b3c1328b | Olga Brani | // $f-dropdown-font-color: #555; |
605 | b3c1328b | Olga Brani | // $f-dropdown-font-size: emCalc(14px); |
606 | b3c1328b | Olga Brani | // $f-dropdown-list-padding: emCalc(5px) emCalc(10px); |
607 | b3c1328b | Olga Brani | // $f-dropdown-line-height: emCalc(18px); |
608 | b3c1328b | Olga Brani | // $f-dropdown-list-hover-bg: #eeeeee; |
609 | b3c1328b | Olga Brani | // $dropdown-mobile-left: 0; |
610 | b3c1328b | Olga Brani | |
611 | b3c1328b | Olga Brani | // We use this to control the styles for when the dropdown has custom content. |
612 | b3c1328b | Olga Brani | // $f-dropdown-content-padding: emCalc(20px); |
613 | b3c1328b | Olga Brani | |
614 | b3c1328b | Olga Brani | // |
615 | b3c1328b | Olga Brani | // Flex Video Variables |
616 | b3c1328b | Olga Brani | // |
617 | b3c1328b | Olga Brani | |
618 | b3c1328b | Olga Brani | // We use these to control video container padding and margins |
619 | b3c1328b | Olga Brani | // $flex-video-padding-top: emCalc(25px); |
620 | b3c1328b | Olga Brani | // $flex-video-padding-bottom: 67.5%; |
621 | b3c1328b | Olga Brani | // $flex-video-margin-bottom: emCalc(16px); |
622 | b3c1328b | Olga Brani | |
623 | b3c1328b | Olga Brani | // We use this to control widescreen bottom padding |
624 | b3c1328b | Olga Brani | // $flex-video-widescreen-padding-bottom: 57.25%; |
625 | b3c1328b | Olga Brani | |
626 | b3c1328b | Olga Brani | // |
627 | b3c1328b | Olga Brani | // Inline List Variables |
628 | b3c1328b | Olga Brani | // |
629 | b3c1328b | Olga Brani | |
630 | b3c1328b | Olga Brani | // We use this to control the margins and padding of the inline list. |
631 | b3c1328b | Olga Brani | // $inline-list-margin-bottom: emCalc(17px) emCalc(-22px ); |
632 | b3c1328b | Olga Brani | // $inline-list-margin: 0 0; |
633 | b3c1328b | Olga Brani | // $inline-list-padding: 0; |
634 | b3c1328b | Olga Brani | |
635 | b3c1328b | Olga Brani | // We use this to control the overflow of the inline list. |
636 | b3c1328b | Olga Brani | // $inline-list-overflow: hidden; |
637 | b3c1328b | Olga Brani | |
638 | b3c1328b | Olga Brani | // We use this to control the list items |
639 | b3c1328b | Olga Brani | // $inline-list-display: block; |
640 | b3c1328b | Olga Brani | |
641 | b3c1328b | Olga Brani | // We use this to control any elments within list items |
642 | b3c1328b | Olga Brani | // $inline-list-children-display: block; |
643 | b3c1328b | Olga Brani | |
644 | b3c1328b | Olga Brani | // |
645 | b3c1328b | Olga Brani | // Joyride Variables |
646 | b3c1328b | Olga Brani | // |
647 | b3c1328b | Olga Brani | |
648 | b3c1328b | Olga Brani | // Controlling default Joyride styles |
649 | b3c1328b | Olga Brani | // $joyride-tip-bg: rgb(0,0,0); |
650 | b3c1328b | Olga Brani | // $joyride-tip-default-width: 300px; |
651 | b3c1328b | Olga Brani | // $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px); |
652 | b3c1328b | Olga Brani | // $joyride-tip-border: solid 1px #555; |
653 | b3c1328b | Olga Brani | // $joyride-tip-radius: 4px; |
654 | b3c1328b | Olga Brani | // $joyride-tip-position-offset: 22px; |
655 | b3c1328b | Olga Brani | |
656 | b3c1328b | Olga Brani | // Here, we're setting the tip dont styles |
657 | b3c1328b | Olga Brani | // $joyride-tip-font-color: #fff; |
658 | b3c1328b | Olga Brani | // $joyride-tip-font-size: emCalc(14px); |
659 | b3c1328b | Olga Brani | // $joyride-tip-header-weight: bold; |
660 | b3c1328b | Olga Brani | |
661 | b3c1328b | Olga Brani | // This changes the nub size |
662 | b3c1328b | Olga Brani | // $joyride-tip-nub-size: 14px; |
663 | b3c1328b | Olga Brani | |
664 | b3c1328b | Olga Brani | // This adjusts the styles for the timer when its enabled |
665 | b3c1328b | Olga Brani | // $joyride-tip-timer-width: 50px; |
666 | b3c1328b | Olga Brani | // $joyride-tip-timer-height: 3px; |
667 | b3c1328b | Olga Brani | // $joyride-tip-timer-color: #666; |
668 | b3c1328b | Olga Brani | |
669 | b3c1328b | Olga Brani | // This changes up the styles for the close button |
670 | b3c1328b | Olga Brani | // $joyride-tip-close-color: #777; |
671 | b3c1328b | Olga Brani | // $joyride-tip-close-size: 30px; |
672 | b3c1328b | Olga Brani | // $joyride-tip-close-weight: normal; |
673 | b3c1328b | Olga Brani | |
674 | b3c1328b | Olga Brani | // When Joyride is filling the screen, we use this style for the bg |
675 | b3c1328b | Olga Brani | // $joyride-screenfill: rgba(0,0,0,0.5); |
676 | b3c1328b | Olga Brani | |
677 | b3c1328b | Olga Brani | // |
678 | b3c1328b | Olga Brani | // Keystroke Variables |
679 | b3c1328b | Olga Brani | // |
680 | b3c1328b | Olga Brani | |
681 | b3c1328b | Olga Brani | // We use these to control text styles. |
682 | b3c1328b | Olga Brani | // $keystroke-font: "Consolas", "Menlo", "Courier", monospace; |
683 | b3c1328b | Olga Brani | // $keystroke-font-size: emCalc(15px); |
684 | b3c1328b | Olga Brani | // $keystroke-font-color: #222; |
685 | b3c1328b | Olga Brani | // $keystroke-font-color-alt: #fff; |
686 | b3c1328b | Olga Brani | // $keystroke-function-factor: 7%; |
687 | b3c1328b | Olga Brani | |
688 | b3c1328b | Olga Brani | // We use this to control keystroke padding. |
689 | b3c1328b | Olga Brani | // $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px); |
690 | b3c1328b | Olga Brani | |
691 | b3c1328b | Olga Brani | // We use these to control background and border styles. |
692 | b3c1328b | Olga Brani | // $keystroke-bg: darken(#fff, $keystroke-function-factor); |
693 | b3c1328b | Olga Brani | // $keystroke-border-style: solid; |
694 | b3c1328b | Olga Brani | // $keystroke-border-width: 1px; |
695 | b3c1328b | Olga Brani | // $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); |
696 | b3c1328b | Olga Brani | // $keystroke-radius: $global-radius; |
697 | b3c1328b | Olga Brani | |
698 | b3c1328b | Olga Brani | // |
699 | b3c1328b | Olga Brani | // Label Variables |
700 | b3c1328b | Olga Brani | // |
701 | b3c1328b | Olga Brani | |
702 | b3c1328b | Olga Brani | // We use these to style the labels |
703 | b3c1328b | Olga Brani | // $label-padding: emCalc(3px) emCalc(10px) emCalc(4px); |
704 | b3c1328b | Olga Brani | // $label-radius: $global-radius; |
705 | b3c1328b | Olga Brani | |
706 | b3c1328b | Olga Brani | // We use these to style the label text |
707 | b3c1328b | Olga Brani | // $label-font-sizing: emCalc(14px); |
708 | b3c1328b | Olga Brani | // $label-font-weight: bold; |
709 | b3c1328b | Olga Brani | |
710 | b3c1328b | Olga Brani | // |
711 | b3c1328b | Olga Brani | // Orbit Settings |
712 | b3c1328b | Olga Brani | // |
713 | b3c1328b | Olga Brani | |
714 | b3c1328b | Olga Brani | // We use these to control the caption styles |
715 | b3c1328b | Olga Brani | // $orbit-container-bg: #f5f5f5; |
716 | b3c1328b | Olga Brani | // $orbit-caption-bg-old-browser: #000; |
717 | b3c1328b | Olga Brani | // $orbit-caption-bg-old: rgb(0,0,0); |
718 | b3c1328b | Olga Brani | // $orbit-caption-bg: rgba(0,0,0,0.6); |
719 | b3c1328b | Olga Brani | // $orbit-caption-font-color: #fff; |
720 | b3c1328b | Olga Brani | |
721 | b3c1328b | Olga Brani | // We use these to control the left/right nav styles |
722 | b3c1328b | Olga Brani | // $orbit-nav-bg-old: rgb(0,0,0); |
723 | b3c1328b | Olga Brani | // $orbit-nav-bg: rgba(0,0,0,0.6); |
724 | b3c1328b | Olga Brani | |
725 | b3c1328b | Olga Brani | // We use these to control the timer styles |
726 | b3c1328b | Olga Brani | // $orbit-timer-bg-old: rgb(0,0,0); |
727 | b3c1328b | Olga Brani | // $orbit-timer-bg: rgba(0,0,0,0.6); |
728 | b3c1328b | Olga Brani | |
729 | b3c1328b | Olga Brani | // We use these to control the bullet nav styles |
730 | b3c1328b | Olga Brani | // $orbit-bullet-nav-color: #999; |
731 | b3c1328b | Olga Brani | // $orbit-bullet-nav-color-active: #222; |
732 | b3c1328b | Olga Brani | |
733 | b3c1328b | Olga Brani | // We use thes to controls the style of slide numbers |
734 | b3c1328b | Olga Brani | // $orbit-slide-number-bg: rgb(0,0,0); |
735 | b3c1328b | Olga Brani | // $orbit-slide-number-font-color: #fff; |
736 | b3c1328b | Olga Brani | // $orbit-slide-number-padding: emCalc(5px); |
737 | b3c1328b | Olga Brani | |
738 | b3c1328b | Olga Brani | // Margin for when Orbit is stacked on small screens |
739 | b3c1328b | Olga Brani | // $stack-on-small-margin-bottom: emCalc(20px); // Doesn't quite work yet |
740 | b3c1328b | Olga Brani | |
741 | b3c1328b | Olga Brani | // |
742 | b3c1328b | Olga Brani | // Pagination Variables |
743 | b3c1328b | Olga Brani | // |
744 | b3c1328b | Olga Brani | |
745 | b3c1328b | Olga Brani | // We use these to control the pagination container |
746 | b3c1328b | Olga Brani | // $pagination-height: emCalc(24px); |
747 | b3c1328b | Olga Brani | // $pagination-margin: emCalc(-5px); |
748 | b3c1328b | Olga Brani | |
749 | b3c1328b | Olga Brani | // We use these to set the list-item properties |
750 | b3c1328b | Olga Brani | // $pagination-li-float: $default-float; |
751 | b3c1328b | Olga Brani | // $pagination-li-height: emCalc(24px); |
752 | b3c1328b | Olga Brani | // $pagination-li-font-color: #222; |
753 | b3c1328b | Olga Brani | // $pagination-li-font-size: emCalc(14px); |
754 | b3c1328b | Olga Brani | // $pagination-li-margin: emCalc(5px); |
755 | b3c1328b | Olga Brani | |
756 | b3c1328b | Olga Brani | // We use these for the pagination anchor links |
757 | b3c1328b | Olga Brani | // $pagination-link-pad: emCalc(1px) emCalc(7px) emCalc(1px); |
758 | b3c1328b | Olga Brani | // $pagination-link-font-color: #999; |
759 | b3c1328b | Olga Brani | // $pagination-link-active-bg: darken(#fff, 10%); |
760 | b3c1328b | Olga Brani | |
761 | b3c1328b | Olga Brani | // We use these for disabled anchor links |
762 | b3c1328b | Olga Brani | // $pagination-link-unavailable-cursor: default; |
763 | b3c1328b | Olga Brani | // $pagination-link-unavailable-font-color: #999; |
764 | b3c1328b | Olga Brani | // $pagination-link-unavailable-bg-active: transparent; |
765 | b3c1328b | Olga Brani | |
766 | b3c1328b | Olga Brani | // We use these for currently selected anchor links |
767 | b3c1328b | Olga Brani | // $pagination-link-current-background: $primary-color; |
768 | b3c1328b | Olga Brani | // $pagination-link-current-font-color: #fff; |
769 | b3c1328b | Olga Brani | // $pagination-link-current-font-weight: bold; |
770 | b3c1328b | Olga Brani | // $pagination-link-current-cursor: default; |
771 | b3c1328b | Olga Brani | // $pagination-link-current-active-bg: $primary-color; |
772 | b3c1328b | Olga Brani | |
773 | b3c1328b | Olga Brani | // |
774 | b3c1328b | Olga Brani | // Panel Variables |
775 | b3c1328b | Olga Brani | // |
776 | b3c1328b | Olga Brani | |
777 | b3c1328b | Olga Brani | // We use these to control the background and border styles |
778 | b3c1328b | Olga Brani | // $panel-bg: darken(#fff, 5%); |
779 | b3c1328b | Olga Brani | // $panel-border-style: solid; |
780 | b3c1328b | Olga Brani | // $panel-border-size: 1px; |
781 | b3c1328b | Olga Brani | |
782 | b3c1328b | Olga Brani | // We use this % to control how much we darken things on hover |
783 | b3c1328b | Olga Brani | // $panel-function-factor: 10%; |
784 | b3c1328b | Olga Brani | // $panel-border-color: darken($panel-bg, $panel-function-factor); |
785 | b3c1328b | Olga Brani | |
786 | b3c1328b | Olga Brani | // We use these to set default inner padding and bottom margin |
787 | b3c1328b | Olga Brani | // $panel-margin-bottom: emCalc(20px); |
788 | b3c1328b | Olga Brani | // $panel-padding: emCalc(20px); |
789 | b3c1328b | Olga Brani | |
790 | b3c1328b | Olga Brani | // We use these to set default font colors |
791 | b3c1328b | Olga Brani | // $panel-font-color: #333; |
792 | b3c1328b | Olga Brani | // $panel-font-color-alt: #fff; |
793 | b3c1328b | Olga Brani | |
794 | b3c1328b | Olga Brani | // |
795 | b3c1328b | Olga Brani | // Pricing Table Variables |
796 | b3c1328b | Olga Brani | // |
797 | b3c1328b | Olga Brani | |
798 | b3c1328b | Olga Brani | // We use this to control the border color |
799 | b3c1328b | Olga Brani | // $price-table-border: solid 1px #ddd; |
800 | b3c1328b | Olga Brani | |
801 | b3c1328b | Olga Brani | // We use this to control the bottom margin of the pricing table |
802 | b3c1328b | Olga Brani | // $price-table-margin-bottom: emCalc(20px); |
803 | b3c1328b | Olga Brani | |
804 | b3c1328b | Olga Brani | // We use these to control the title styles |
805 | b3c1328b | Olga Brani | // $price-title-bg: #ddd; |
806 | b3c1328b | Olga Brani | // $price-title-padding: emCalc(15px) emCalc(20px); |
807 | b3c1328b | Olga Brani | // $price-title-align: center; |
808 | b3c1328b | Olga Brani | // $price-title-color: #333; |
809 | b3c1328b | Olga Brani | // $price-title-weight: bold; |
810 | b3c1328b | Olga Brani | // $price-title-size: emCalc(16px); |
811 | b3c1328b | Olga Brani | |
812 | b3c1328b | Olga Brani | // We use these to control the price styles |
813 | b3c1328b | Olga Brani | // $price-money-bg: #eee; |
814 | b3c1328b | Olga Brani | // $price-money-padding: emCalc(15px) emCalc(20px); |
815 | b3c1328b | Olga Brani | // $price-money-align: center; |
816 | b3c1328b | Olga Brani | // $price-money-color: #333; |
817 | b3c1328b | Olga Brani | // $price-money-weight: normal; |
818 | b3c1328b | Olga Brani | // $price-money-size: emCalc(20px); |
819 | b3c1328b | Olga Brani | |
820 | b3c1328b | Olga Brani | // We use these to control the description styles |
821 | b3c1328b | Olga Brani | // $price-bg: #fff; |
822 | b3c1328b | Olga Brani | // $price-desc-color: #777; |
823 | b3c1328b | Olga Brani | // $price-desc-padding: emCalc(15px); |
824 | b3c1328b | Olga Brani | // $price-desc-align: center; |
825 | b3c1328b | Olga Brani | // $price-desc-font-size: emCalc(12px); |
826 | b3c1328b | Olga Brani | // $price-desc-weight: normal; |
827 | b3c1328b | Olga Brani | // $price-desc-line-height: 1.4; |
828 | b3c1328b | Olga Brani | // $price-desc-bottom-border: dotted 1px #ddd; |
829 | b3c1328b | Olga Brani | |
830 | b3c1328b | Olga Brani | // We use these to control the list item styles |
831 | b3c1328b | Olga Brani | // $price-item-color: #333; |
832 | b3c1328b | Olga Brani | // $price-item-padding: emCalc(15px); |
833 | b3c1328b | Olga Brani | // $price-item-align: center; |
834 | b3c1328b | Olga Brani | // $price-item-font-size: emCalc(14px); |
835 | b3c1328b | Olga Brani | // $price-item-weight: normal; |
836 | b3c1328b | Olga Brani | // $price-item-bottom-border: dotted 1px #ddd; |
837 | b3c1328b | Olga Brani | |
838 | b3c1328b | Olga Brani | // We use these to control the CTA area styles |
839 | b3c1328b | Olga Brani | // $price-cta-bg: #f5f5f5; |
840 | b3c1328b | Olga Brani | // $price-cta-align: center; |
841 | b3c1328b | Olga Brani | // $price-cta-padding: emCalc(20px) emCalc(20px) 0; |
842 | b3c1328b | Olga Brani | |
843 | b3c1328b | Olga Brani | // |
844 | b3c1328b | Olga Brani | // Progress Bar Variables |
845 | b3c1328b | Olga Brani | // |
846 | b3c1328b | Olga Brani | |
847 | b3c1328b | Olga Brani | // We use this to se the prog bar height |
848 | 9569cdc8 | Olga Brani | $progress-bar-height: emCalc(15px); |
849 | b3c1328b | Olga Brani | // $progress-bar-color: transparent; |
850 | b3c1328b | Olga Brani | |
851 | b3c1328b | Olga Brani | // We use these to control the border styles |
852 | b3c1328b | Olga Brani | // $progress-bar-border-color: darken(#fff, 20%); |
853 | b3c1328b | Olga Brani | // $progress-bar-border-size: 1px; |
854 | b3c1328b | Olga Brani | // $progress-bar-border-style: solid; |
855 | b3c1328b | Olga Brani | // $progress-bar-border-radius: $global-radius; |
856 | b3c1328b | Olga Brani | |
857 | b3c1328b | Olga Brani | // We use these to control the margin & padding |
858 | b3c1328b | Olga Brani | // $progress-bar-pad: emCalc(2px); |
859 | b3c1328b | Olga Brani | // $progress-bar-margin-bottom: emCalc(10px); |
860 | b3c1328b | Olga Brani | |
861 | b3c1328b | Olga Brani | // We use these to set the meter colors |
862 | b3c1328b | Olga Brani | // $progress-meter-color: $primary-color; |
863 | b3c1328b | Olga Brani | // $progress-meter-secondary-color: $secondary-color; |
864 | b3c1328b | Olga Brani | // $progress-meter-success-color: $success-color; |
865 | b3c1328b | Olga Brani | // $progress-meter-alert-color: $alert-color; |
866 | b3c1328b | Olga Brani | |
867 | b3c1328b | Olga Brani | // NEED TO FINISH THE LOGIC HERE |
868 | b3c1328b | Olga Brani | |
869 | b3c1328b | Olga Brani | // |
870 | b3c1328b | Olga Brani | // Reveal Variables |
871 | b3c1328b | Olga Brani | // |
872 | b3c1328b | Olga Brani | |
873 | b3c1328b | Olga Brani | // We use these to control the style of the reveal overlay. |
874 | 4e7c16f1 | Olga Brani | $reveal-overlay-bg: rgba(#fff, .80); |
875 | b3c1328b | Olga Brani | // $reveal-overlay-bg-old: #000; |
876 | b3c1328b | Olga Brani | |
877 | b3c1328b | Olga Brani | // We use these to control the style of the modal itself. |
878 | b3c1328b | Olga Brani | // $reveal-modal-bg: #fff; |
879 | b3c1328b | Olga Brani | // $reveal-position-top: 50px; |
880 | b3c1328b | Olga Brani | // $reveal-default-width: 80%; |
881 | 4e7c16f1 | Olga Brani | $reveal-modal-padding: emCalc(50px) emCalc(100px) emCalc(20px); |
882 | b3c1328b | Olga Brani | // $reveal-box-shadow: 0 0 10px rgba(#000,.4); |
883 | b3c1328b | Olga Brani | |
884 | b3c1328b | Olga Brani | // We use these to style the reveal close button |
885 | 4e7c16f1 | Olga Brani | $reveal-close-font-size: emCalc(18px); |
886 | ca0d2b34 | Olga Brani | $reveal-close-top: emCalc(50px); |
887 | ca0d2b34 | Olga Brani | $reveal-close-side: emCalc(50px); |
888 | 4e7c16f1 | Olga Brani | $reveal-close-color: #fff; |
889 | b3c1328b | Olga Brani | // $reveal-close-weight: bold; |
890 | b3c1328b | Olga Brani | |
891 | b3c1328b | Olga Brani | // We use these to control the modal border |
892 | b3c1328b | Olga Brani | // $reveal-border-style: solid; |
893 | 4e7c16f1 | Olga Brani | $reveal-border-width: 0px; |
894 | b3c1328b | Olga Brani | // $reveal-border-color: #666; |
895 | b3c1328b | Olga Brani | |
896 | b3c1328b | Olga Brani | // |
897 | b3c1328b | Olga Brani | // Section Variables |
898 | b3c1328b | Olga Brani | // |
899 | b3c1328b | Olga Brani | |
900 | b3c1328b | Olga Brani | // We use these to set padding and hover factor |
901 | b3c1328b | Olga Brani | // $section-padding: emCalc(15px); |
902 | b3c1328b | Olga Brani | // $section-function-factor: 10%; |
903 | b3c1328b | Olga Brani | |
904 | b3c1328b | Olga Brani | // These style the titles |
905 | b3c1328b | Olga Brani | // $section-title-color: #333; |
906 | b3c1328b | Olga Brani | // $section-title-bg: #efefef; |
907 | b3c1328b | Olga Brani | // $section-title-bg-active: darken($section-title-bg, $section-function-factor); |
908 | b3c1328b | Olga Brani | // $section-title-bg-active-tabs: #fff; |
909 | b3c1328b | Olga Brani | |
910 | b3c1328b | Olga Brani | // Want to control border size, here ya go! |
911 | b3c1328b | Olga Brani | // $section-border-size: 1px; |
912 | b3c1328b | Olga Brani | // $section-border-style: solid; |
913 | b3c1328b | Olga Brani | // $section-border-color: #ccc; |
914 | b3c1328b | Olga Brani | |
915 | b3c1328b | Olga Brani | // Control the color of the background and some size options |
916 | b3c1328b | Olga Brani | // $section-content-bg: #fff; |
917 | b3c1328b | Olga Brani | // $section-vertical-nav-min-width: emCalc(200px); |
918 | b3c1328b | Olga Brani | // $section-bottom-margin: emCalc(20px); |
919 | b3c1328b | Olga Brani | |
920 | b3c1328b | Olga Brani | // |
921 | b3c1328b | Olga Brani | // Side Nav Variables |
922 | b3c1328b | Olga Brani | // |
923 | b3c1328b | Olga Brani | |
924 | b3c1328b | Olga Brani | // We use this to control padding. |
925 | b3c1328b | Olga Brani | // $side-nav-padding: emCalc(14px) 0; |
926 | b3c1328b | Olga Brani | |
927 | b3c1328b | Olga Brani | // We use these to control list styles. |
928 | b3c1328b | Olga Brani | // $side-nav-list-type: none; |
929 | b3c1328b | Olga Brani | // $side-nav-list-position: inside; |
930 | b3c1328b | Olga Brani | // $side-nav-list-margin: 0 0 emCalc(7px) 0; |
931 | b3c1328b | Olga Brani | |
932 | b3c1328b | Olga Brani | // We use these to control link styles. |
933 | b3c1328b | Olga Brani | // $side-nav-link-color: $primary-color; |
934 | b3c1328b | Olga Brani | // $side-nav-link-color-active: lighten(#000, 30%); |
935 | b3c1328b | Olga Brani | // $side-nav-font-size: emCalc(14px); |
936 | b3c1328b | Olga Brani | // $side-nav-font-weight: bold; |
937 | b3c1328b | Olga Brani | |
938 | b3c1328b | Olga Brani | // We use these to control border styles |
939 | b3c1328b | Olga Brani | // $side-nav-divider-size: 1px; |
940 | b3c1328b | Olga Brani | // $side-nav-divider-style: solid; |
941 | b3c1328b | Olga Brani | // $side-nav-divider-color: darken(#fff, 10%); |
942 | b3c1328b | Olga Brani | |
943 | b3c1328b | Olga Brani | // |
944 | b3c1328b | Olga Brani | // Sub Nav Variables |
945 | b3c1328b | Olga Brani | // |
946 | b3c1328b | Olga Brani | |
947 | b3c1328b | Olga Brani | // We use these to control margin and padding |
948 | b3c1328b | Olga Brani | // $sub-nav-list-margin: emCalc(-4px) 0 emCalc(18px); |
949 | b3c1328b | Olga Brani | // $sub-nav-list-padding-top: emCalc(4px); |
950 | b3c1328b | Olga Brani | |
951 | b3c1328b | Olga Brani | // We use this to control the definition |
952 | b3c1328b | Olga Brani | // $sub-nav-font-size: emCalc(14px); |
953 | b3c1328b | Olga Brani | // $sub-nav-font-color: #999; |
954 | b3c1328b | Olga Brani | // $sub-nav-font-weight: normal; |
955 | b3c1328b | Olga Brani | // $sub-nav-text-decoration: none; |
956 | b3c1328b | Olga Brani | // $sub-nav-border-radius: 1000px; |
957 | b3c1328b | Olga Brani | |
958 | b3c1328b | Olga Brani | // We use these to control the active item styles |
959 | b3c1328b | Olga Brani | // $sub-nav-active-font-weight: bold; |
960 | b3c1328b | Olga Brani | // $sub-nav-active-bg: $primary-color; |
961 | b3c1328b | Olga Brani | // $sub-nav-active-color: #fff; |
962 | b3c1328b | Olga Brani | // $sub-nav-active-padding: emCalc(3px) emCalc(9px); |
963 | b3c1328b | Olga Brani | // $sub-nav-active-cursor: default; |
964 | b3c1328b | Olga Brani | |
965 | b3c1328b | Olga Brani | // |
966 | b3c1328b | Olga Brani | // Switch Variables |
967 | b3c1328b | Olga Brani | // |
968 | b3c1328b | Olga Brani | |
969 | b3c1328b | Olga Brani | // Controlling border styles and background colors for the switch container |
970 | b3c1328b | Olga Brani | // $switch-border-color: darken(#fff, 20%); |
971 | b3c1328b | Olga Brani | // $switch-border-style: solid; |
972 | b3c1328b | Olga Brani | // $switch-border-width: 1px; |
973 | b3c1328b | Olga Brani | // $switch-bg: #fff; |
974 | b3c1328b | Olga Brani | |
975 | b3c1328b | Olga Brani | // We use these to control the switch heights for our default classes |
976 | b3c1328b | Olga Brani | // $switch-height-tny: 22px; |
977 | b3c1328b | Olga Brani | // $switch-height-sml: 28px; |
978 | b3c1328b | Olga Brani | // $switch-height-med: 36px; |
979 | b3c1328b | Olga Brani | // $switch-height-lrg: 44px; |
980 | b3c1328b | Olga Brani | // $switch-bottom-margin: emCalc(20px); |
981 | b3c1328b | Olga Brani | |
982 | b3c1328b | Olga Brani | // We use these to control default font sizes for our classes. |
983 | b3c1328b | Olga Brani | // $switch-font-size-tny: 11px; |
984 | b3c1328b | Olga Brani | // $switch-font-size-sml: 12px; |
985 | b3c1328b | Olga Brani | // $switch-font-size-med: 14px; |
986 | b3c1328b | Olga Brani | // $switch-font-size-lrg: 17px; |
987 | b3c1328b | Olga Brani | // $switch-label-side-padding: 6px; |
988 | b3c1328b | Olga Brani | |
989 | b3c1328b | Olga Brani | // We use these to style the switch-paddle |
990 | b3c1328b | Olga Brani | // $switch-paddle-bg: #fff; |
991 | b3c1328b | Olga Brani | // $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); |
992 | b3c1328b | Olga Brani | // $switch-paddle-border-color: darken($switch-paddle-bg, 35%); |
993 | b3c1328b | Olga Brani | // $switch-paddle-border-width: 1px; |
994 | b3c1328b | Olga Brani | // $switch-paddle-border-style: solid; |
995 | b3c1328b | Olga Brani | // $switch-paddle-transition-speed: .1s; |
996 | b3c1328b | Olga Brani | // $switch-paddle-transition-ease: ease-out; |
997 | b3c1328b | Olga Brani | // $switch-positive-color: lighten($success-color, 50%); |
998 | b3c1328b | Olga Brani | // $switch-negative-color: #f5f5f5; |
999 | b3c1328b | Olga Brani | |
1000 | b3c1328b | Olga Brani | // Outline Style for tabbing through switches |
1001 | b3c1328b | Olga Brani | // $switch-label-outline: 1px dotted #888; |
1002 | b3c1328b | Olga Brani | |
1003 | b3c1328b | Olga Brani | // |
1004 | b3c1328b | Olga Brani | // Table Variables |
1005 | b3c1328b | Olga Brani | // |
1006 | b3c1328b | Olga Brani | |
1007 | b3c1328b | Olga Brani | // These control the background color for the table and even rows |
1008 | b3c1328b | Olga Brani | // $table-bg: #fff; |
1009 | b3c1328b | Olga Brani | // $table-even-row-bg: #f9f9f9; |
1010 | b3c1328b | Olga Brani | |
1011 | b3c1328b | Olga Brani | // These control the table cell border style |
1012 | b3c1328b | Olga Brani | // $table-border-style: solid; |
1013 | b3c1328b | Olga Brani | // $table-border-size: 1px; |
1014 | b3c1328b | Olga Brani | // $table-border-color: #ddd; |
1015 | b3c1328b | Olga Brani | |
1016 | b3c1328b | Olga Brani | // These control the table head styles |
1017 | b3c1328b | Olga Brani | // $table-head-bg: #f5f5f5; |
1018 | b3c1328b | Olga Brani | // $table-head-font-size: emCalc(14px); |
1019 | b3c1328b | Olga Brani | // $table-head-font-color: #222; |
1020 | b3c1328b | Olga Brani | // $table-head-font-weight: bold; |
1021 | b3c1328b | Olga Brani | // $table-head-padding: emCalc(8px) emCalc(10px) emCalc(10px); |
1022 | b3c1328b | Olga Brani | |
1023 | b3c1328b | Olga Brani | // These control the row padding and font styles |
1024 | b3c1328b | Olga Brani | // $table-row-padding: emCalc(9px) emCalc(10px); |
1025 | b3c1328b | Olga Brani | // $table-row-font-size: emCalc(14px); |
1026 | b3c1328b | Olga Brani | // $table-row-font-color: #222; |
1027 | b3c1328b | Olga Brani | // $table-line-height: emCalc(18px); |
1028 | b3c1328b | Olga Brani | |
1029 | b3c1328b | Olga Brani | // These are for controlling the display and margin of tables |
1030 | b3c1328b | Olga Brani | // $table-display: table-cell; |
1031 | b3c1328b | Olga Brani | // $table-margin-bottom: emCalc(20px); |
1032 | b3c1328b | Olga Brani | |
1033 | b3c1328b | Olga Brani | // |
1034 | b3c1328b | Olga Brani | // Image Thumbnail Variables |
1035 | b3c1328b | Olga Brani | // |
1036 | b3c1328b | Olga Brani | |
1037 | b3c1328b | Olga Brani | // We use these to control border styles |
1038 | b3c1328b | Olga Brani | // $thumb-border-style: solid; |
1039 | b3c1328b | Olga Brani | // $thumb-border-width: 4px; |
1040 | b3c1328b | Olga Brani | // $thumb-border-color: #fff; |
1041 | b3c1328b | Olga Brani | // $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); |
1042 | b3c1328b | Olga Brani | // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); |
1043 | b3c1328b | Olga Brani | |
1044 | b3c1328b | Olga Brani | // Radius and transition speed for thumbs |
1045 | b3c1328b | Olga Brani | // $thumb-radius: $global-radius; |
1046 | b3c1328b | Olga Brani | // $thumb-transition-speed: 200ms; |
1047 | b3c1328b | Olga Brani | |
1048 | b3c1328b | Olga Brani | // |
1049 | b3c1328b | Olga Brani | // Tooltip Variables |
1050 | b3c1328b | Olga Brani | // |
1051 | b3c1328b | Olga Brani | $has-tip-border-bottom: 0 none; |
1052 | b3c1328b | Olga Brani | // $has-tip-font-weight: bold; |
1053 | b3c1328b | Olga Brani | // $has-tip-font-color: #333; |
1054 | b3c1328b | Olga Brani | $has-tip-border-bottom-hover: none; |
1055 | ceaaa3be | Olga Brani | $has-tip-font-color-hover: $link-color-hover; |
1056 | 15948f00 | Olga Brani | $has-tip-cursor-type: inherit; |
1057 | b3c1328b | Olga Brani | |
1058 | 3a6860e3 | Olga Brani | $tooltip-padding: emCalc(2px) emCalc(12px); |
1059 | 656c135b | Olga Brani | $tooltip-bg: #cecece; |
1060 | 3a6860e3 | Olga Brani | $tooltip-font-size: emCalc(12px); |
1061 | b3c1328b | Olga Brani | $tooltip-font-weight: normal; |
1062 | ceaaa3be | Olga Brani | $tooltip-font-color: $body-font-color; |
1063 | b3c1328b | Olga Brani | // $tooltip-line-height: 1.3; |
1064 | b3c1328b | Olga Brani | // $tooltip-close-font-size: emCalc(10px); |
1065 | b3c1328b | Olga Brani | // $tooltip-close-font-weight: normal; |
1066 | b3c1328b | Olga Brani | // $tooltip-close-font-color: #888; |
1067 | b3c1328b | Olga Brani | // $tooltip-font-size-sml: emCalc(14px); |
1068 | 3a6860e3 | Olga Brani | $tooltip-radius: 7px; |
1069 | 3a6860e3 | Olga Brani | $tooltip-pip-size: 0; |
1070 | b3c1328b | Olga Brani | |
1071 | b3c1328b | Olga Brani | // |
1072 | b3c1328b | Olga Brani | // Top Bar Variables |
1073 | b3c1328b | Olga Brani | // |
1074 | b3c1328b | Olga Brani | |
1075 | b3c1328b | Olga Brani | // Background color for the top bar |
1076 | b3c1328b | Olga Brani | // $topbar-bg: #111; |
1077 | b3c1328b | Olga Brani | |
1078 | b3c1328b | Olga Brani | // Height and margin |
1079 | b3c1328b | Olga Brani | // $topbar-height: 45px; |
1080 | b3c1328b | Olga Brani | // $topbar-margin-bottom: emCalc(30px); |
1081 | b3c1328b | Olga Brani | |
1082 | b3c1328b | Olga Brani | // Control Input height for top bar |
1083 | b3c1328b | Olga Brani | // $topbar-input-height: 2.45em; |
1084 | b3c1328b | Olga Brani | |
1085 | b3c1328b | Olga Brani | // Controlling the styles for the title in the top bar |
1086 | b3c1328b | Olga Brani | // $topbar-title-weight: bold; |
1087 | b3c1328b | Olga Brani | // $topbar-title-font-size: emCalc(17px); |
1088 | b3c1328b | Olga Brani | |
1089 | b3c1328b | Olga Brani | // Set the link colors and styles for top-level nav |
1090 | b3c1328b | Olga Brani | // $topbar-link-color: #fff; |
1091 | b3c1328b | Olga Brani | // $topbar-link-weight: bold; |
1092 | b3c1328b | Olga Brani | // $topbar-link-font-size: emCalc(13px); |
1093 | b3c1328b | Olga Brani | |
1094 | b3c1328b | Olga Brani | // Style the top bar dropdown elements |
1095 | b3c1328b | Olga Brani | // $topbar-dropdown-bg: #333; |
1096 | b3c1328b | Olga Brani | // $topbar-dropdown-link-color: #fff; |
1097 | b3c1328b | Olga Brani | // $topbar-dropdown-toggle-size: 5px; |
1098 | b3c1328b | Olga Brani | // $topbar-dropdown-toggle-color: #fff; |
1099 | b3c1328b | Olga Brani | // $topbar-dropdown-toggle-alpha: 0.5; |
1100 | b3c1328b | Olga Brani | // $dropdown-label-color: #555; |
1101 | b3c1328b | Olga Brani | |
1102 | b3c1328b | Olga Brani | // Top menu icon styles |
1103 | b3c1328b | Olga Brani | // $topbar-menu-link-transform: uppercase; |
1104 | b3c1328b | Olga Brani | // $topbar-menu-link-font-size: emCalc(13px); |
1105 | b3c1328b | Olga Brani | // $topbar-menu-link-weight: bold; |
1106 | b3c1328b | Olga Brani | // $topbar-menu-link-color: #fff; |
1107 | b3c1328b | Olga Brani | // $topbar-menu-icon-color: #fff; |
1108 | b3c1328b | Olga Brani | // $topbar-menu-link-color-toggled: #888; |
1109 | b3c1328b | Olga Brani | // $topbar-menu-icon-color-toggled: #888; |
1110 | b3c1328b | Olga Brani | |
1111 | b3c1328b | Olga Brani | // Transitions and breakpoint styles |
1112 | b3c1328b | Olga Brani | // $topbar-transition-speed: 300ms; |
1113 | b3c1328b | Olga Brani | // $topbar-breakpoint: emCalc(940px); // Change to 9999px for always mobile layout |
1114 | b3c1328b | Olga Brani | // $topbar-media-query: "only screen and (min-width "#{$topbar-breakpoint}")"; |
1115 | b3c1328b | Olga Brani | |
1116 | 65814c28 | Olga Brani | |
1117 | 65814c28 | Olga Brani | // Custom breakpoints |
1118 | 65814c28 | Olga Brani | |
1119 | 65814c28 | Olga Brani | $entities-list-large: emCalc(1100px); |
1120 | 65814c28 | Olga Brani | |
1121 | 65814c28 | Olga Brani | $entities-large: "only screen and (min-width:"#{$entities-list-large}")"; |