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