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