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