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