jekyll-theme-pirati 8.0.0.pre.beta2 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +139 -3
- data/_includes/header.html +1 -1
- metadata +4 -69
- data/_sass/_base.scss +0 -23
- data/_sass/_fonts.scss +0 -42
- data/_sass/_settings.scss +0 -688
- data/_sass/_sprites.scss +0 -0
- data/_sass/components/Slider.scss +0 -0
- data/_sass/components/academic-title.scss +0 -7
- data/_sass/components/article-card.scss +0 -41
- data/_sass/components/article-infobox.scss +0 -9
- data/_sass/components/article-listing.scss +0 -95
- data/_sass/components/banner.scss +0 -75
- data/_sass/components/blockquote.scss +0 -83
- data/_sass/components/card.scss +0 -154
- data/_sass/components/contact-bar.scss +0 -93
- data/_sass/components/content-block.scss +0 -24
- data/_sass/components/content-card.scss +0 -31
- data/_sass/components/corner-ribbon.scss +0 -25
- data/_sass/components/cta-button.scss +0 -54
- data/_sass/components/footer.scss +0 -5
- data/_sass/components/header-bar.scss +0 -118
- data/_sass/components/headline-media.scss +0 -42
- data/_sass/components/hero.scss +0 -164
- data/_sass/components/highlight.scss +0 -60
- data/_sass/components/hp-banner.scss +0 -21
- data/_sass/components/icon.scss +0 -33
- data/_sass/components/intention-map.scss +0 -23
- data/_sass/components/member-list.scss +0 -7
- data/_sass/components/metadata-block.scss +0 -29
- data/_sass/components/multicolumn.scss +0 -25
- data/_sass/components/pagination.scss +0 -44
- data/_sass/components/person.scss +0 -9
- data/_sass/components/profile-badge.scss +0 -74
- data/_sass/components/program.scss +0 -150
- data/_sass/components/region.scss +0 -83
- data/_sass/components/simple-accordion.scss +0 -80
- data/_sass/components/suggest-improvement.scss +0 -10
- data/_sass/components/tag.scss +0 -29
- data/_sass/components/tile.scss +0 -20
- data/_sass/components/top-bar.scss +0 -202
- data/_sass/components/top-sub-nav.scss +0 -81
- data/_sass/components/typography.scss +0 -85
- data/_sass/components/vertical-navigation.scss +0 -67
- data/_sass/components/widget-accordion.scss +0 -109
- data/_sass/components/widget-share-box.scss +0 -117
- data/_sass/components/widget-simple-text.scss +0 -15
- data/_sass/layouts/_cast.scss +0 -262
- data/_sass/layouts/_kandidatka.scss +0 -78
- data/_sass/objects/media.scss +0 -35
- data/_sass/objects/section.scss +0 -211
- data/_sass/objects/space.scss +0 -7
- data/_sass/pirati.scss +0 -58
- data/_sass/utilities/header-styles.scss +0 -16
- data/_sass/utilities/utilities.scss +0 -139
- data/assets/css/main.scss +0 -3
- data/assets/fonts/BebasNeue-Thin.ttf +0 -0
- data/assets/fonts/BebasNeue-Thin.woff +0 -0
- data/assets/fonts/BebasNeueBold.ttf +0 -0
- data/assets/fonts/BebasNeueBold.woff +0 -0
- data/assets/fonts/BebasNeueBook.ttf +0 -0
- data/assets/fonts/BebasNeueBook.woff +0 -0
- data/assets/fonts/BebasNeueLight.ttf +0 -0
- data/assets/fonts/BebasNeueLight.woff +0 -0
- data/assets/fonts/BebasNeueRegular.ttf +0 -0
- data/assets/fonts/BebasNeueRegular.woff +0 -0
- data/assets/fonts/demo.html +0 -311
- data/assets/fonts/stylesheet.css +0 -40
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5a5801710828048e585dd7086e5d3d271400425d6c16c05ac12a88b65c8e2bf5
|
4
|
+
data.tar.gz: 2a3ba90e59f55be5ca3e15ce2f44ae27ed28598adca5bada793e1d25d0a777a8
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fb5467c9e14bf052124b728ab5b935b62015326aeeefa3fa72bf8da9978cb0e960e8126b8659a75a150d54eb896920e96a186c12a8675d4c28ffaef491c23ccc
|
7
|
+
data.tar.gz: e1526060d20b7ac0502318351229b2c85e8a6b8d8179c296583c3653ef6b4eb92cf83b1071901785af147cb0c2ea5738c59ff09bb25ae84b9234e0cf481fc184
|
data/README.md
CHANGED
@@ -8,6 +8,145 @@ Theme of Czech Pirate Party.
|
|
8
8
|
|
9
9
|
For usage see [USAGE.md](USAGE.md)
|
10
10
|
|
11
|
+
## Updating to 8.x
|
12
|
+
|
13
|
+
8.x version features a fully revamped UI based on our new [UI
|
14
|
+
styleguide](https://styleguide.pir-test.eu/). The theme no longer has it's own
|
15
|
+
CSS styles. Instead, all the styles are being provided by the styleguide itself.
|
16
|
+
Same applies to JS: whole webpack asset pipeline has been dropped which
|
17
|
+
resulted in a lot simpler design. This version is a transition one before
|
18
|
+
migrating to Wagtail-driven websites. No more major updates will follow, only
|
19
|
+
bugfixes a maybe some minor adjustments.
|
20
|
+
|
21
|
+
### New features
|
22
|
+
|
23
|
+
#### Sub links for campaigns
|
24
|
+
|
25
|
+
You can now add sub link super buttons to campaign pages. To add it, provide the `subLinks` property of the particular campaign
|
26
|
+
record with following shape:
|
27
|
+
|
28
|
+
```
|
29
|
+
subLinks:
|
30
|
+
- title: Povolební strategie
|
31
|
+
icon: ico--strategy
|
32
|
+
classes: bg-grey-125 hover:bg-black hover:text-white
|
33
|
+
href: /
|
34
|
+
- title: Financování kampaně
|
35
|
+
icon: ico--calculator
|
36
|
+
classes: bg-black text-white hover:bg-grey-125 hover:text-black
|
37
|
+
href: /
|
38
|
+
```
|
39
|
+
|
40
|
+
#### Transarency section in the footer
|
41
|
+
|
42
|
+
Footer section listing transparent accounts and stuff can be enabled/disabled
|
43
|
+
using `transparencySection: true/false` property in the `_data/menu.yml`.
|
44
|
+
|
45
|
+
|
46
|
+
#### New includes
|
47
|
+
|
48
|
+
- `_includes/avatar.html` - creates [avatar image](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-avatars)
|
49
|
+
- `_includes/buttons/basic.html` - a [button without icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
|
50
|
+
- `_includes/buttons/icon.html` - a [button with icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
|
51
|
+
- `_includes/buttons/super.html` - a [super button](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-super-buttons)
|
52
|
+
- `_includes/calendar.html` - a [calendar widget](https://styleguide.pir-test.eu/latest/?p=molecules-js-calendar)
|
53
|
+
- `_includes/contact-line.html` - a generic [contact line](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-contact-lines)
|
54
|
+
- `_includes/countdown.html` - a [countdown widget](https://styleguide.pir-test.eu/latest/?p=viewall-organisms-countdown)
|
55
|
+
- `_includes/hero/simple.html` - a [simple hero banner](https://styleguide.pir-test.eu/latest/?p=templates-pirate-center)
|
56
|
+
- `_includes/hero/advanced.html` - a [complex hero banner](https://styleguide.pir-test.eu/latest/?p=templates-elections)
|
57
|
+
|
58
|
+
#### New pagination
|
59
|
+
|
60
|
+
You should update your pagination settings to `12` instead of `11`.
|
61
|
+
|
62
|
+
#### Set styleguide url in the config
|
63
|
+
|
64
|
+
Add `styleguide_base_url` property pointing to styleguide version you want to use.
|
65
|
+
|
66
|
+
#### New pirate-center layout
|
67
|
+
|
68
|
+
Provide front matter like following:
|
69
|
+
|
70
|
+
```yaml
|
71
|
+
title: ParduPiCe - Pardubické pirátské centrum
|
72
|
+
shorthand: ParduPiCe
|
73
|
+
openingHoursSEO: Mo-Fr 9:00-17:00
|
74
|
+
heroHeadline: Zbrusu nové krajské pirátské centrum!
|
75
|
+
heroDescription: V Pardubicích jsme otevřeli nové pirátské centrum pod zkratkou ParduPiCe.
|
76
|
+
img: pardupice/1.jpg
|
77
|
+
address: |
|
78
|
+
Pardubické pirátské centrum
|
79
|
+
Budova T-STRING
|
80
|
+
Masarykovo náměstí 1484
|
81
|
+
530 02 Pardubice I
|
82
|
+
addressNote: Vstup do pirátského centra naleznete z boku budovy T-STRING naproti „AFI paláci“, vedle kadeřnictví. Vchod je v prostoru vjezdu na parkoviště ve vnitrobloku.
|
83
|
+
contactPersons:
|
84
|
+
- id: filip.varecha
|
85
|
+
description: Správce coworku
|
86
|
+
- id: jan.bednar
|
87
|
+
description: Produkce
|
88
|
+
calendarId: t60uj67580oudjh04tuh5icl8o@group.calendar.google.com
|
89
|
+
calendarTitle: Kalendář akcí
|
90
|
+
calendarPage: https://calendar.google.com/calendar/embed?src=t60uj67580oudjh04tuh5icl8o%40group.calendar.google.com&ctz=Europe%2FPrague
|
91
|
+
mapIframeLink: https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10250.279531989467!2d15.770466!3d50.0381549!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd4d03352a17e038b!2zUGFyZHVQaUNlIOKAkyBQYXJkdWJpY2vDqSBQaXLDoXRza8OpIGNlbnRydW0!5e0!3m2!1scs!2scz!4v1568565921492!5m2!1scs!2scz
|
92
|
+
```
|
93
|
+
|
94
|
+
If you provide `calendarId`, it will display the event list automatically.
|
95
|
+
|
96
|
+
|
97
|
+
#### Display party affiliation on person page
|
98
|
+
|
99
|
+
To display, add `partyUid: [party_uid]` in the page front matter.
|
100
|
+
|
101
|
+
#### Use customized hero background on person page
|
102
|
+
|
103
|
+
To use it fully, provide `heroImg` in the person markdown file.
|
104
|
+
|
105
|
+
#### Highlight important articles
|
106
|
+
|
107
|
+
These will show as the [emphasized variant in black](https://styleguide.pir-test.eu/latest/?p=viewall-molecules-article-card).
|
108
|
+
|
109
|
+
|
110
|
+
### Backwards incompatible changes
|
111
|
+
|
112
|
+
#### Candidate lists
|
113
|
+
|
114
|
+
New data entity `parties` has been introduced. Needs to be added as `_data/parties.yml`. It's an array with following structure:
|
115
|
+
|
116
|
+
```
|
117
|
+
- uid: [party_id]
|
118
|
+
name: [party_verbose_name]
|
119
|
+
logoImg: [party_image_in_svg_format]
|
120
|
+
```
|
121
|
+
|
122
|
+
All existing candidate lists need to be updated. Specifically, `party` property
|
123
|
+
has to be replaced with `partyUid` pointing to actual `uid` in `parties.yml`.
|
124
|
+
|
125
|
+
#### Font awesome dropped in favor of custom iconset
|
126
|
+
|
127
|
+
As the result, all the `fa*` icons won't work anymore. New icons has `ico--*` naming instead. See the [styleguide](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-icons) for an overview of available icons. You will need to update your icons should you used some. Namely, icons will have to be updated in the `menu.yml`.
|
128
|
+
|
129
|
+
|
130
|
+
#### Some deleted templates
|
131
|
+
|
132
|
+
- `_includes/article-box/three-in-row.html` - replaced with `_includes/article-box/list.html`
|
133
|
+
- `_includes/rbar/bar_photo.html` - now replaced with `bar_profile.html` that already contains a picture
|
134
|
+
- `_includes/rbar/bar_person_contact.html` - now replaced with `bar_profile.html` that already contains a contact section
|
135
|
+
|
136
|
+
|
137
|
+
#### Obsolete JS widgets
|
138
|
+
|
139
|
+
Following widgets won't work (source kept in repository for future possible use):
|
140
|
+
|
141
|
+
- Agenda - replaced with calendar from styleguide
|
142
|
+
- Intention map - no replacement
|
143
|
+
- Custom layer map - no replacement
|
144
|
+
- Site search - no replacement, no site search available anymore
|
145
|
+
|
146
|
+
## Updating to 7.x
|
147
|
+
|
148
|
+
Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
|
149
|
+
|
11
150
|
## Updating to 6.x
|
12
151
|
|
13
152
|
To upgrade to v6 which features major visual upgrade, following steps are necessary:
|
@@ -26,9 +165,6 @@ To upgrade to v6 which features major visual upgrade, following steps are necess
|
|
26
165
|
<h1 class="t-h2-alt">Přidejte se</h1>
|
27
166
|
</div>
|
28
167
|
```
|
29
|
-
## Updating to 7.x
|
30
|
-
|
31
|
-
Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
|
32
168
|
|
33
169
|
## Contributing
|
34
170
|
|
data/_includes/header.html
CHANGED
@@ -17,7 +17,7 @@
|
|
17
17
|
<div v-if="show || isLgScreenSize" class="navbar__external navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto lg:flex lg:space-x-8 lg:pb-2">
|
18
18
|
<div class="text-grey-200 text-sm lg:space-x-8 leading-loose lg:leading-normal">
|
19
19
|
{% for item in site.data.menu.top %}
|
20
|
-
{% include contact-line.html href=item.url icon=item.icon caption=item.link class="lg:inline-block" target="_blank" %}
|
20
|
+
{% include contact-line.html href=item.url icon=item.icon caption=item.link class="block lg:inline-block" target="_blank" %}
|
21
21
|
{% endfor %}
|
22
22
|
</div>
|
23
23
|
{% include social-icon-group.html class="space-x-2 text-grey-200 py-4 lg:py-0" %}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-pirati
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 8.0.0
|
4
|
+
version: 8.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Jitka Novotná
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-07-
|
12
|
+
date: 2020-07-12 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: jekyll
|
@@ -160,71 +160,6 @@ files:
|
|
160
160
|
- _layouts/regions.html
|
161
161
|
- _layouts/regions2.html
|
162
162
|
- _layouts/taglist.html
|
163
|
-
- _sass/_base.scss
|
164
|
-
- _sass/_fonts.scss
|
165
|
-
- _sass/_settings.scss
|
166
|
-
- _sass/_sprites.scss
|
167
|
-
- _sass/components/Slider.scss
|
168
|
-
- _sass/components/academic-title.scss
|
169
|
-
- _sass/components/article-card.scss
|
170
|
-
- _sass/components/article-infobox.scss
|
171
|
-
- _sass/components/article-listing.scss
|
172
|
-
- _sass/components/banner.scss
|
173
|
-
- _sass/components/blockquote.scss
|
174
|
-
- _sass/components/card.scss
|
175
|
-
- _sass/components/contact-bar.scss
|
176
|
-
- _sass/components/content-block.scss
|
177
|
-
- _sass/components/content-card.scss
|
178
|
-
- _sass/components/corner-ribbon.scss
|
179
|
-
- _sass/components/cta-button.scss
|
180
|
-
- _sass/components/footer.scss
|
181
|
-
- _sass/components/header-bar.scss
|
182
|
-
- _sass/components/headline-media.scss
|
183
|
-
- _sass/components/hero.scss
|
184
|
-
- _sass/components/highlight.scss
|
185
|
-
- _sass/components/hp-banner.scss
|
186
|
-
- _sass/components/icon.scss
|
187
|
-
- _sass/components/intention-map.scss
|
188
|
-
- _sass/components/member-list.scss
|
189
|
-
- _sass/components/metadata-block.scss
|
190
|
-
- _sass/components/multicolumn.scss
|
191
|
-
- _sass/components/pagination.scss
|
192
|
-
- _sass/components/person.scss
|
193
|
-
- _sass/components/profile-badge.scss
|
194
|
-
- _sass/components/program.scss
|
195
|
-
- _sass/components/region.scss
|
196
|
-
- _sass/components/simple-accordion.scss
|
197
|
-
- _sass/components/suggest-improvement.scss
|
198
|
-
- _sass/components/tag.scss
|
199
|
-
- _sass/components/tile.scss
|
200
|
-
- _sass/components/top-bar.scss
|
201
|
-
- _sass/components/top-sub-nav.scss
|
202
|
-
- _sass/components/typography.scss
|
203
|
-
- _sass/components/vertical-navigation.scss
|
204
|
-
- _sass/components/widget-accordion.scss
|
205
|
-
- _sass/components/widget-share-box.scss
|
206
|
-
- _sass/components/widget-simple-text.scss
|
207
|
-
- _sass/layouts/_cast.scss
|
208
|
-
- _sass/layouts/_kandidatka.scss
|
209
|
-
- _sass/objects/media.scss
|
210
|
-
- _sass/objects/section.scss
|
211
|
-
- _sass/objects/space.scss
|
212
|
-
- _sass/pirati.scss
|
213
|
-
- _sass/utilities/header-styles.scss
|
214
|
-
- _sass/utilities/utilities.scss
|
215
|
-
- assets/css/main.scss
|
216
|
-
- assets/fonts/BebasNeue-Thin.ttf
|
217
|
-
- assets/fonts/BebasNeue-Thin.woff
|
218
|
-
- assets/fonts/BebasNeueBold.ttf
|
219
|
-
- assets/fonts/BebasNeueBold.woff
|
220
|
-
- assets/fonts/BebasNeueBook.ttf
|
221
|
-
- assets/fonts/BebasNeueBook.woff
|
222
|
-
- assets/fonts/BebasNeueLight.ttf
|
223
|
-
- assets/fonts/BebasNeueLight.woff
|
224
|
-
- assets/fonts/BebasNeueRegular.ttf
|
225
|
-
- assets/fonts/BebasNeueRegular.woff
|
226
|
-
- assets/fonts/demo.html
|
227
|
-
- assets/fonts/stylesheet.css
|
228
163
|
- assets/icons/blog.png
|
229
164
|
- assets/icons/compass.png
|
230
165
|
- assets/icons/facebook.png
|
@@ -377,9 +312,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
377
312
|
version: '0'
|
378
313
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
379
314
|
requirements:
|
380
|
-
- - "
|
315
|
+
- - ">="
|
381
316
|
- !ruby/object:Gem::Version
|
382
|
-
version:
|
317
|
+
version: '0'
|
383
318
|
requirements: []
|
384
319
|
rubyforge_project:
|
385
320
|
rubygems_version: 2.7.6
|
data/_sass/_base.scss
DELETED
@@ -1,23 +0,0 @@
|
|
1
|
-
html, body {
|
2
|
-
// Base font size, everyting else scales relative to this.
|
3
|
-
font-size: 16px;
|
4
|
-
-webkit-font-smoothing: antialiased;
|
5
|
-
|
6
|
-
@include breakpoint(small down) {
|
7
|
-
font-size: 16px;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
.fa {
|
12
|
-
text-align: center;
|
13
|
-
min-width: 18px;
|
14
|
-
|
15
|
-
@include breakpoint(large down) {
|
16
|
-
min-width: 15px;
|
17
|
-
}
|
18
|
-
|
19
|
-
@include breakpoint(medium down) {
|
20
|
-
min-width: 13px;
|
21
|
-
}
|
22
|
-
|
23
|
-
}
|
data/_sass/_fonts.scss
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
|
2
|
-
|
3
|
-
@font-face {
|
4
|
-
font-family: 'Bebas Neue Book';
|
5
|
-
src: url('/assets/fonts/BebasNeueBook.woff') format('woff'),
|
6
|
-
url('/assets/fonts/BebasNeueBook.ttf') format('truetype');
|
7
|
-
font-weight: normal;
|
8
|
-
font-style: normal;
|
9
|
-
}
|
10
|
-
|
11
|
-
@font-face {
|
12
|
-
font-family: 'Bebas Neue';
|
13
|
-
src: url('/assets/fonts/BebasNeue-Thin.woff') format('woff'),
|
14
|
-
url('/assets/fonts/BebasNeue-Thin.ttf') format('truetype');
|
15
|
-
font-weight: 100;
|
16
|
-
font-style: normal;
|
17
|
-
}
|
18
|
-
|
19
|
-
@font-face {
|
20
|
-
font-family: 'Bebas Neue';
|
21
|
-
src: url('/assets/fonts/BebasNeueLight.woff') format('woff'),
|
22
|
-
url('/assets/fonts/BebasNeueLight.ttf') format('truetype');
|
23
|
-
font-weight: 300;
|
24
|
-
font-style: normal;
|
25
|
-
}
|
26
|
-
|
27
|
-
@font-face {
|
28
|
-
font-family: 'Bebas Neue';
|
29
|
-
src: url('/assets/fonts/BebasNeueRegular.woff') format('woff'),
|
30
|
-
url('/assets/fonts/BebasNeueRegular.ttf') format('truetype');
|
31
|
-
font-weight: normal;
|
32
|
-
font-style: normal;
|
33
|
-
}
|
34
|
-
|
35
|
-
@font-face {
|
36
|
-
font-family: 'Bebas Neue';
|
37
|
-
src: url('/assets/fonts/BebasNeueBold.woff') format('woff'),
|
38
|
-
url('/assets/fonts/BebasNeueBold.ttf') format('truetype');
|
39
|
-
font-weight: bold;
|
40
|
-
font-style: normal;
|
41
|
-
}
|
42
|
-
|
data/_sass/_settings.scss
DELETED
@@ -1,688 +0,0 @@
|
|
1
|
-
// Foundation for Sites Settings
|
2
|
-
// -----------------------------
|
3
|
-
//
|
4
|
-
// Table of Contents:
|
5
|
-
//
|
6
|
-
// 1. Global
|
7
|
-
// 2. Breakpoints
|
8
|
-
// 3. The Grid
|
9
|
-
// 4. Base Typography
|
10
|
-
// 5. Typography Helpers
|
11
|
-
// 6. Abide
|
12
|
-
// 7. Accordion
|
13
|
-
// 8. Accordion Menu
|
14
|
-
// 9. Badge
|
15
|
-
// 10. Breadcrumbs
|
16
|
-
// 11. Button
|
17
|
-
// 12. Button Group
|
18
|
-
// 13. Callout
|
19
|
-
// 14. Close Button
|
20
|
-
// 15. Drilldown
|
21
|
-
// 16. Dropdown
|
22
|
-
// 17. Dropdown Menu
|
23
|
-
// 18. Flex Video
|
24
|
-
// 19. Forms
|
25
|
-
// 20. Label
|
26
|
-
// 21. Media Object
|
27
|
-
// 22. Menu
|
28
|
-
// 23. Meter
|
29
|
-
// 24. Off-canvas
|
30
|
-
// 25. Orbit
|
31
|
-
// 26. Pagination
|
32
|
-
// 27. Progress Bar
|
33
|
-
// 28. Reveal
|
34
|
-
// 29. Slider
|
35
|
-
// 30. Switch
|
36
|
-
// 31. Table
|
37
|
-
// 32. Tabs
|
38
|
-
// 33. Thumbnail
|
39
|
-
// 34. Title Bar
|
40
|
-
// 35. Tooltip
|
41
|
-
// 36. Top Bar
|
42
|
-
|
43
|
-
@import 'foundation-sites/scss/util/util';
|
44
|
-
|
45
|
-
// 1. Global
|
46
|
-
// ---------
|
47
|
-
|
48
|
-
$global-font-size: 100%;
|
49
|
-
$global-width: 1170px;
|
50
|
-
$global-lineheight: 1.3;
|
51
|
-
$foundation-palette: (
|
52
|
-
primary: #000,
|
53
|
-
secondary: #fff,
|
54
|
-
success: #3adb76,
|
55
|
-
warning: #ffae00,
|
56
|
-
alert: #cc0303,
|
57
|
-
dark: #343434
|
58
|
-
);
|
59
|
-
$light-gray: #f3f3f3;
|
60
|
-
$medium-gray: #eaeaea;
|
61
|
-
$dark-gray: #8a8a8a;
|
62
|
-
$black: #0a0a0a;
|
63
|
-
$white: #fff;
|
64
|
-
$body-background: $white;
|
65
|
-
$body-font-color: $black;
|
66
|
-
$body-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
|
67
|
-
$body-antialiased: true;
|
68
|
-
$global-margin: 1rem;
|
69
|
-
$global-padding: 1rem;
|
70
|
-
$global-weight-normal: 300;
|
71
|
-
$global-weight-bold: 700;
|
72
|
-
$global-radius: 0;
|
73
|
-
$global-text-direction: ltr;
|
74
|
-
$global-flexbox: false;
|
75
|
-
$print-transparent-backgrounds: true;
|
76
|
-
|
77
|
-
@include add-foundation-colors;
|
78
|
-
|
79
|
-
// 2. Breakpoints
|
80
|
-
// --------------
|
81
|
-
|
82
|
-
$breakpoints: (
|
83
|
-
small: 0,
|
84
|
-
mobile: 480px,
|
85
|
-
medium: 640px,
|
86
|
-
large: 1024px,
|
87
|
-
xlarge: 1200px,
|
88
|
-
xxlarge: 1440px,
|
89
|
-
);
|
90
|
-
$breakpoint-classes: (small medium large);
|
91
|
-
|
92
|
-
// 3. The Grid
|
93
|
-
// -----------
|
94
|
-
|
95
|
-
$grid-row-width: $global-width;
|
96
|
-
$grid-column-count: 12;
|
97
|
-
$grid-column-gutter: (
|
98
|
-
small: 1.5rem,
|
99
|
-
mobile: 1.5rem,
|
100
|
-
medium: 3rem,
|
101
|
-
);
|
102
|
-
$grid-column-align-edge: true;
|
103
|
-
$block-grid-max: 8;
|
104
|
-
|
105
|
-
// 4. Base Typography
|
106
|
-
// ------------------
|
107
|
-
|
108
|
-
$text: (
|
109
|
-
weight: (
|
110
|
-
default: 300,
|
111
|
-
mid: 400,
|
112
|
-
bold: 700
|
113
|
-
),
|
114
|
-
);
|
115
|
-
|
116
|
-
$headers: (
|
117
|
-
super: (
|
118
|
-
family: "'Bebas Neue', Helvetica, Arial, sans-serif",
|
119
|
-
weight: bold,
|
120
|
-
letter-spacing: .005em,
|
121
|
-
variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
|
122
|
-
sizes: (
|
123
|
-
small: (
|
124
|
-
'h1': 3.124rem,
|
125
|
-
'h2': 3.124rem,
|
126
|
-
'h3': 2.828rem,
|
127
|
-
'h4': 2.209rem,
|
128
|
-
'h5': 2rem,
|
129
|
-
'h6': 1.563rem,
|
130
|
-
),
|
131
|
-
medium: (
|
132
|
-
'h1': 3.874rem,
|
133
|
-
'h2': 3.124rem,
|
134
|
-
'h3': 2.74rem,
|
135
|
-
'h4': 2.209rem,
|
136
|
-
'h5': 1.938rem,
|
137
|
-
'h6': 1.563rem,
|
138
|
-
),
|
139
|
-
)
|
140
|
-
),
|
141
|
-
main: (
|
142
|
-
family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
|
143
|
-
weight: 700,
|
144
|
-
variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
|
145
|
-
sizes: (
|
146
|
-
small: (
|
147
|
-
'h1': 2.474rem,
|
148
|
-
'h2': 1.999rem,
|
149
|
-
'h3': 1.75rem,
|
150
|
-
'h4': 1.414rem,
|
151
|
-
'h5': 1.238rem,
|
152
|
-
'h6': 1rem,
|
153
|
-
),
|
154
|
-
medium: (
|
155
|
-
'h1': 2.474rem,
|
156
|
-
'h2': 1.999rem,
|
157
|
-
'h3': 1.75rem,
|
158
|
-
'h4': 1.414rem,
|
159
|
-
'h5': 1.238rem,
|
160
|
-
'h6': 1rem,
|
161
|
-
),
|
162
|
-
)
|
163
|
-
),
|
164
|
-
sub: (
|
165
|
-
family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
|
166
|
-
weight: 400,
|
167
|
-
variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
|
168
|
-
sizes: (
|
169
|
-
small: (
|
170
|
-
'h1': 2.474rem,
|
171
|
-
'h2': 1.999rem,
|
172
|
-
'h3': 1.75rem,
|
173
|
-
'h4': 1.414rem,
|
174
|
-
'h5': 1.238rem,
|
175
|
-
'h6': 1rem,
|
176
|
-
),
|
177
|
-
medium: (
|
178
|
-
'h1': 2.474rem,
|
179
|
-
'h2': 1.999rem,
|
180
|
-
'h3': 1.75rem,
|
181
|
-
'h4': 1.414rem,
|
182
|
-
'h5': 1.238rem,
|
183
|
-
'h6': 1rem,
|
184
|
-
),
|
185
|
-
)
|
186
|
-
),
|
187
|
-
alt: (
|
188
|
-
family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
|
189
|
-
weight: 300,
|
190
|
-
variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
|
191
|
-
sizes: (
|
192
|
-
small: (
|
193
|
-
'h1': 2.474rem,
|
194
|
-
'h2': 1.999rem,
|
195
|
-
'h3': 1.75rem,
|
196
|
-
'h4': 1.414rem,
|
197
|
-
'h5': 1.238rem,
|
198
|
-
'h6': 1rem,
|
199
|
-
),
|
200
|
-
medium: (
|
201
|
-
'h1': 2.474rem,
|
202
|
-
'h2': 1.999rem,
|
203
|
-
'h3': 1.75rem,
|
204
|
-
'h4': 1.414rem,
|
205
|
-
'h5': 1.238rem,
|
206
|
-
'h6': 1rem,
|
207
|
-
),
|
208
|
-
)
|
209
|
-
),
|
210
|
-
);
|
211
|
-
|
212
|
-
// $header-font-family-super: 'Bebas Neue', Helvetica, Arial, sans-serif;
|
213
|
-
// $header-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
|
214
|
-
// $header-font-family-sub: 'Bebas Neue Book', Helvetica, Arial, sans-serif;
|
215
|
-
// $header-font-weight: 700;
|
216
|
-
// $header-font-style: normal;
|
217
|
-
$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
|
218
|
-
// $header-sizes: (
|
219
|
-
// small: (
|
220
|
-
// 'h1': 1.953rem,
|
221
|
-
// 'h2': 1.563rem,
|
222
|
-
// 'h3': 1.25rem,
|
223
|
-
// 'h4': 1rem,
|
224
|
-
// 'h5': 0.8rem,
|
225
|
-
// 'h6': 0.64rem,
|
226
|
-
// ),
|
227
|
-
// medium: (
|
228
|
-
// 'h1': 37.897,
|
229
|
-
// 'h2': 28.430,
|
230
|
-
// 'h3': 21.328,
|
231
|
-
// 'h4': 16,
|
232
|
-
// 'h5': 12.003,
|
233
|
-
// 'h6': 9.004,
|
234
|
-
// ),
|
235
|
-
// );
|
236
|
-
$header-color: inherit;
|
237
|
-
$header-lineheight: 1.2;
|
238
|
-
$header-margin-bottom: 0.5rem;
|
239
|
-
$header-text-rendering: optimizeLegibility;
|
240
|
-
$small-font-size: 80%;
|
241
|
-
$header-small-font-color: $medium-gray;
|
242
|
-
$paragraph-lineheight: 1.4;
|
243
|
-
$paragraph-margin-bottom: 1rem;
|
244
|
-
$paragraph-text-rendering: optimizeLegibility;
|
245
|
-
$code-color: $black;
|
246
|
-
$code-font-family: $font-family-monospace;
|
247
|
-
$code-font-weight: $global-weight-normal;
|
248
|
-
$code-background: $light-gray;
|
249
|
-
$code-border: 1px solid $medium-gray;
|
250
|
-
$code-padding: rem-calc(2 5 1);
|
251
|
-
$anchor-color: $primary-color;
|
252
|
-
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
|
253
|
-
$anchor-text-decoration: none;
|
254
|
-
$anchor-text-decoration-hover: none;
|
255
|
-
$hr-width: 100%;
|
256
|
-
$hr-border: 1px solid $light-gray;
|
257
|
-
$hr-margin: rem-calc(20) auto;
|
258
|
-
$list-lineheight: $paragraph-lineheight;
|
259
|
-
$list-margin-bottom: $paragraph-margin-bottom;
|
260
|
-
$list-style-type: disc;
|
261
|
-
$list-style-position: outside;
|
262
|
-
$list-side-margin: 1.25rem;
|
263
|
-
$list-nested-side-margin: 1.25rem;
|
264
|
-
$defnlist-margin-bottom: 1rem;
|
265
|
-
$defnlist-term-weight: $global-weight-bold;
|
266
|
-
$defnlist-term-margin-bottom: 0.3rem;
|
267
|
-
$blockquote-color: $dark-gray;
|
268
|
-
$blockquote-padding: rem-calc(9 20 0 19);
|
269
|
-
$blockquote-border: 1px solid $medium-gray;
|
270
|
-
$cite-font-size: rem-calc(13);
|
271
|
-
$cite-color: $dark-gray;
|
272
|
-
$keystroke-font: $font-family-monospace;
|
273
|
-
$keystroke-color: $black;
|
274
|
-
$keystroke-background: $light-gray;
|
275
|
-
$keystroke-padding: rem-calc(2 4 0);
|
276
|
-
$keystroke-radius: $global-radius;
|
277
|
-
$abbr-underline: 1px dotted $black;
|
278
|
-
|
279
|
-
$facebook-color: #1672b9;
|
280
|
-
$twitter-color: #91cfff;
|
281
|
-
$gplus-color: #cc0303;
|
282
|
-
$instagram-color: #d10869;
|
283
|
-
$pinterest-color: #cb2027;
|
284
|
-
$tumblr-color: #32506d;
|
285
|
-
$reddit-color: #ff4500;
|
286
|
-
$linkedin-color: #007bb5;
|
287
|
-
$envelope-color: #444444;
|
288
|
-
|
289
|
-
$ternary-color: lighten($primary-color, 13%);
|
290
|
-
$rbar-accent-color: $ternary-color;
|
291
|
-
|
292
|
-
// 5. Typography Helpers
|
293
|
-
// ---------------------
|
294
|
-
|
295
|
-
$lead-font-size: $global-font-size * 1.25;
|
296
|
-
$lead-lineheight: 1.6;
|
297
|
-
$subheader-lineheight: 1.4;
|
298
|
-
$subheader-color: $dark-gray;
|
299
|
-
$subheader-font-weight: $global-weight-normal;
|
300
|
-
$subheader-margin-top: 0.2rem;
|
301
|
-
$subheader-margin-bottom: 0.5rem;
|
302
|
-
$stat-font-size: 2.5rem;
|
303
|
-
|
304
|
-
// 6. Abide
|
305
|
-
// --------
|
306
|
-
|
307
|
-
$abide-inputs: true;
|
308
|
-
$abide-labels: true;
|
309
|
-
$input-background-invalid: map-get($foundation-palette, alert);
|
310
|
-
$form-label-color-invalid: map-get($foundation-palette, alert);
|
311
|
-
$input-error-color: map-get($foundation-palette, alert);
|
312
|
-
$input-error-font-size: rem-calc(12);
|
313
|
-
$input-error-font-weight: $global-weight-bold;
|
314
|
-
|
315
|
-
// 7. Accordion
|
316
|
-
// ------------
|
317
|
-
|
318
|
-
$accordion-background: $white;
|
319
|
-
$accordion-plusminus: true;
|
320
|
-
$accordion-item-color: foreground($accordion-background, $primary-color);
|
321
|
-
$accordion-item-background-hover: $light-gray;
|
322
|
-
$accordion-item-padding: 1.25rem 1rem;
|
323
|
-
$accordion-content-background: $white;
|
324
|
-
$accordion-content-border: 1px solid $light-gray;
|
325
|
-
$accordion-content-color: foreground($accordion-content-background, $body-font-color);
|
326
|
-
$accordion-content-padding: 1rem;
|
327
|
-
|
328
|
-
// 8. Accordion Menu
|
329
|
-
// -----------------
|
330
|
-
|
331
|
-
$accordionmenu-arrows: true;
|
332
|
-
$accordionmenu-arrow-color: $primary-color;
|
333
|
-
|
334
|
-
// 9. Badge
|
335
|
-
// --------
|
336
|
-
|
337
|
-
$badge-background: $primary-color;
|
338
|
-
$badge-color: foreground($badge-background);
|
339
|
-
$badge-padding: 0.3em;
|
340
|
-
$badge-minwidth: 2.1em;
|
341
|
-
$badge-font-size: 0.6rem;
|
342
|
-
|
343
|
-
// 10. Breadcrumbs
|
344
|
-
// ---------------
|
345
|
-
|
346
|
-
$breadcrumbs-margin: 0 0 $global-margin 0;
|
347
|
-
$breadcrumbs-item-font-size: rem-calc(11);
|
348
|
-
$breadcrumbs-item-color: $primary-color;
|
349
|
-
$breadcrumbs-item-color-current: $black;
|
350
|
-
$breadcrumbs-item-color-disabled: $medium-gray;
|
351
|
-
$breadcrumbs-item-margin: 0.75rem;
|
352
|
-
$breadcrumbs-item-uppercase: true;
|
353
|
-
$breadcrumbs-item-slash: true;
|
354
|
-
|
355
|
-
// 11. Button
|
356
|
-
// ----------
|
357
|
-
|
358
|
-
$button-padding: 0.85em 1em;
|
359
|
-
$button-margin: 0 0 $global-margin 0;
|
360
|
-
$button-fill: solid;
|
361
|
-
$button-background: $dark-gray;
|
362
|
-
$button-background-hover: $ternary-color;
|
363
|
-
$button-color: $white;
|
364
|
-
$button-color-alt: $black;
|
365
|
-
$button-radius: $global-radius;
|
366
|
-
$button-sizes: (
|
367
|
-
tiny: 0.6rem,
|
368
|
-
small: 0.75rem,
|
369
|
-
default: 0.9rem,
|
370
|
-
large: 1.25rem,
|
371
|
-
);
|
372
|
-
$button-opacity-disabled: 0.25;
|
373
|
-
|
374
|
-
// 12. Button Group
|
375
|
-
// ----------------
|
376
|
-
|
377
|
-
$buttongroup-margin: 1rem;
|
378
|
-
$buttongroup-spacing: 1px;
|
379
|
-
$buttongroup-child-selector: '.button';
|
380
|
-
$buttongroup-expand-max: 6;
|
381
|
-
|
382
|
-
// 13. Callout
|
383
|
-
// -----------
|
384
|
-
|
385
|
-
$callout-background: $white;
|
386
|
-
$callout-background-fade: 85%;
|
387
|
-
$callout-border: 1px solid rgba($black, 0.25);
|
388
|
-
$callout-margin: 0 0 1rem 0;
|
389
|
-
$callout-padding: 1rem;
|
390
|
-
$callout-font-color: $body-font-color;
|
391
|
-
$callout-font-color-alt: $body-background;
|
392
|
-
$callout-radius: $global-radius;
|
393
|
-
$callout-link-tint: 30%;
|
394
|
-
|
395
|
-
// 14. Close Button
|
396
|
-
// ----------------
|
397
|
-
|
398
|
-
$closebutton-position: right top;
|
399
|
-
$closebutton-offset-horizontal: 1rem;
|
400
|
-
$closebutton-offset-vertical: 0.5rem;
|
401
|
-
$closebutton-size: 2em;
|
402
|
-
$closebutton-lineheight: 1;
|
403
|
-
$closebutton-color: $dark-gray;
|
404
|
-
$closebutton-color-hover: $black;
|
405
|
-
|
406
|
-
// 15. Drilldown
|
407
|
-
// -------------
|
408
|
-
|
409
|
-
$drilldown-transition: transform 0.15s linear;
|
410
|
-
$drilldown-arrows: true;
|
411
|
-
$drilldown-arrow-color: $primary-color;
|
412
|
-
$drilldown-background: $white;
|
413
|
-
|
414
|
-
// 16. Dropdown
|
415
|
-
// ------------
|
416
|
-
|
417
|
-
$dropdown-padding: 1rem;
|
418
|
-
$dropdown-border: 1px solid $medium-gray;
|
419
|
-
$dropdown-font-size: 1rem;
|
420
|
-
$dropdown-width: 300px;
|
421
|
-
$dropdown-radius: $global-radius;
|
422
|
-
$dropdown-sizes: (
|
423
|
-
tiny: 100px,
|
424
|
-
small: 200px,
|
425
|
-
large: 400px,
|
426
|
-
);
|
427
|
-
|
428
|
-
// 17. Dropdown Menu
|
429
|
-
// -----------------
|
430
|
-
|
431
|
-
$dropdownmenu-arrows: true;
|
432
|
-
$dropdownmenu-arrow-color: $anchor-color;
|
433
|
-
$dropdownmenu-min-width: 200px;
|
434
|
-
$dropdownmenu-background: $white;
|
435
|
-
$dropdownmenu-border: 1px solid $medium-gray;
|
436
|
-
|
437
|
-
// 18. Flex Video
|
438
|
-
// --------------
|
439
|
-
|
440
|
-
$flexvideo-margin-bottom: rem-calc(16);
|
441
|
-
$flexvideo-ratio: 4 by 3;
|
442
|
-
$flexvideo-ratio-widescreen: 16 by 9;
|
443
|
-
|
444
|
-
// 19. Forms
|
445
|
-
// ---------
|
446
|
-
|
447
|
-
$fieldset-border: 1px solid $medium-gray;
|
448
|
-
$fieldset-padding: rem-calc(20);
|
449
|
-
$fieldset-margin: rem-calc(18 0);
|
450
|
-
$legend-padding: rem-calc(0 3);
|
451
|
-
$form-spacing: rem-calc(16);
|
452
|
-
$helptext-color: $black;
|
453
|
-
$helptext-font-size: rem-calc(13);
|
454
|
-
$helptext-font-style: italic;
|
455
|
-
$input-prefix-color: $black;
|
456
|
-
$input-prefix-background: $light-gray;
|
457
|
-
$input-prefix-border: 1px solid $medium-gray;
|
458
|
-
$input-prefix-padding: 1rem;
|
459
|
-
$form-label-color: $black;
|
460
|
-
$form-label-font-size: rem-calc(14);
|
461
|
-
$form-label-font-weight: $global-weight-normal;
|
462
|
-
$form-label-line-height: 1.8;
|
463
|
-
$select-background: $white;
|
464
|
-
$select-triangle-color: $dark-gray;
|
465
|
-
$select-radius: $global-radius;
|
466
|
-
$input-color: $black;
|
467
|
-
$input-placeholder-color: $medium-gray;
|
468
|
-
$input-font-family: inherit;
|
469
|
-
$input-font-size: rem-calc(16);
|
470
|
-
$input-background: $white;
|
471
|
-
$input-background-focus: $white;
|
472
|
-
$input-background-disabled: $light-gray;
|
473
|
-
$input-border: 1px solid $primary-color;
|
474
|
-
$input-border-focus: 1px solid $dark-gray;
|
475
|
-
$input-shadow: inset 0 1px 2px rgba($black, 0.1);
|
476
|
-
$input-shadow-focus: 0 0 5px $medium-gray;
|
477
|
-
$input-cursor-disabled: not-allowed;
|
478
|
-
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
|
479
|
-
$input-number-spinners: true;
|
480
|
-
$input-radius: $global-radius;
|
481
|
-
|
482
|
-
// 20. Label
|
483
|
-
// ---------
|
484
|
-
|
485
|
-
$label-background: $primary-color;
|
486
|
-
$label-color: foreground($label-background);
|
487
|
-
$label-font-size: 0.8rem;
|
488
|
-
$label-padding: 0.33333rem 0.5rem;
|
489
|
-
$label-radius: $global-radius;
|
490
|
-
|
491
|
-
// 21. Media Object
|
492
|
-
// ----------------
|
493
|
-
|
494
|
-
$mediaobject-margin-bottom: $global-margin;
|
495
|
-
$mediaobject-section-padding: $global-padding;
|
496
|
-
$mediaobject-image-width-stacked: 100%;
|
497
|
-
|
498
|
-
// 22. Menu
|
499
|
-
// --------
|
500
|
-
|
501
|
-
$menu-margin: 0;
|
502
|
-
$menu-margin-nested: 1rem;
|
503
|
-
$menu-item-padding: 0.7rem 1rem;
|
504
|
-
$menu-item-color-active: $white;
|
505
|
-
$menu-item-background-active: map-get($foundation-palette, primary);
|
506
|
-
$menu-icon-spacing: 0.25rem;
|
507
|
-
|
508
|
-
// 23. Meter
|
509
|
-
// ---------
|
510
|
-
|
511
|
-
$meter-height: 1rem;
|
512
|
-
$meter-radius: $global-radius;
|
513
|
-
$meter-background: $medium-gray;
|
514
|
-
$meter-fill-good: $success-color;
|
515
|
-
$meter-fill-medium: $warning-color;
|
516
|
-
$meter-fill-bad: $alert-color;
|
517
|
-
|
518
|
-
// 24. Off-canvas
|
519
|
-
// --------------
|
520
|
-
|
521
|
-
$offcanvas-size: 250px;
|
522
|
-
$offcanvas-background: $light-gray;
|
523
|
-
$offcanvas-zindex: -1;
|
524
|
-
$offcanvas-transition-length: 0.5s;
|
525
|
-
$offcanvas-transition-timing: ease;
|
526
|
-
$offcanvas-fixed-reveal: true;
|
527
|
-
$offcanvas-exit-background: rgba($white, 0.25);
|
528
|
-
$maincontent-class: 'off-canvas-content';
|
529
|
-
$maincontent-shadow: 0 0 10px rgba($black, 0.5);
|
530
|
-
|
531
|
-
// 25. Orbit
|
532
|
-
// ---------
|
533
|
-
|
534
|
-
$orbit-bullet-background: $medium-gray;
|
535
|
-
$orbit-bullet-background-active: $dark-gray;
|
536
|
-
$orbit-bullet-diameter: 1.2rem;
|
537
|
-
$orbit-bullet-margin: 0.1rem;
|
538
|
-
$orbit-bullet-margin-top: 0.8rem;
|
539
|
-
$orbit-bullet-margin-bottom: 0.8rem;
|
540
|
-
$orbit-caption-background: rgba($black, 0.5);
|
541
|
-
$orbit-caption-padding: 1rem;
|
542
|
-
$orbit-control-background-hover: rgba($black, 0.5);
|
543
|
-
$orbit-control-padding: 1rem;
|
544
|
-
$orbit-control-zindex: 10;
|
545
|
-
|
546
|
-
// 26. Pagination
|
547
|
-
// --------------
|
548
|
-
|
549
|
-
$pagination-font-size: rem-calc(20);
|
550
|
-
$pagination-margin-bottom: $global-margin;
|
551
|
-
$pagination-item-color: $black;
|
552
|
-
$pagination-item-padding: 0;
|
553
|
-
$pagination-item-spacing: rem-calc(4);
|
554
|
-
$pagination-radius: $global-radius;
|
555
|
-
$pagination-item-background-hover: $light-gray;
|
556
|
-
$pagination-item-background-current: transparent;
|
557
|
-
$pagination-item-color-current: #343434;
|
558
|
-
$pagination-item-color-disabled: $medium-gray;
|
559
|
-
$pagination-ellipsis-color: #343434;
|
560
|
-
$pagination-mobile-items: false;
|
561
|
-
$pagination-arrows: false;
|
562
|
-
|
563
|
-
// 27. Progress Bar
|
564
|
-
// ----------------
|
565
|
-
|
566
|
-
$progress-height: 1rem;
|
567
|
-
$progress-background: $medium-gray;
|
568
|
-
$progress-margin-bottom: $global-margin;
|
569
|
-
$progress-meter-background: $primary-color;
|
570
|
-
$progress-radius: $global-radius;
|
571
|
-
|
572
|
-
// 28. Reveal
|
573
|
-
// ----------
|
574
|
-
|
575
|
-
$reveal-background: $white;
|
576
|
-
$reveal-width: 600px;
|
577
|
-
$reveal-max-width: $global-width;
|
578
|
-
$reveal-padding: $global-padding;
|
579
|
-
$reveal-border: 1px solid $medium-gray;
|
580
|
-
$reveal-radius: $global-radius;
|
581
|
-
$reveal-zindex: 1005;
|
582
|
-
$reveal-overlay-background: rgba($black, 0.45);
|
583
|
-
|
584
|
-
// 29. Slider
|
585
|
-
// ----------
|
586
|
-
|
587
|
-
$slider-width-vertical: 0.5rem;
|
588
|
-
$slider-transition: all 0.2s ease-in-out;
|
589
|
-
$slider-height: 0.5rem;
|
590
|
-
$slider-background: $light-gray;
|
591
|
-
$slider-fill-background: $medium-gray;
|
592
|
-
$slider-handle-height: 1.4rem;
|
593
|
-
$slider-handle-width: 1.4rem;
|
594
|
-
$slider-handle-background: $primary-color;
|
595
|
-
$slider-opacity-disabled: 0.25;
|
596
|
-
$slider-radius: $global-radius;
|
597
|
-
|
598
|
-
// 30. Switch
|
599
|
-
// ----------
|
600
|
-
|
601
|
-
$switch-background: $medium-gray;
|
602
|
-
$switch-background-active: $primary-color;
|
603
|
-
$switch-height: 2rem;
|
604
|
-
$switch-height-tiny: 1.5rem;
|
605
|
-
$switch-height-small: 1.75rem;
|
606
|
-
$switch-height-large: 2.5rem;
|
607
|
-
$switch-radius: $global-radius;
|
608
|
-
$switch-margin: $global-margin;
|
609
|
-
$switch-paddle-background: $white;
|
610
|
-
$switch-paddle-offset: 0.25rem;
|
611
|
-
$switch-paddle-radius: $global-radius;
|
612
|
-
$switch-paddle-transition: all 0.25s ease-out;
|
613
|
-
|
614
|
-
// 31. Table
|
615
|
-
// ---------
|
616
|
-
|
617
|
-
$table-background: $white;
|
618
|
-
$table-color-scale: 5%;
|
619
|
-
$table-border: 1px solid smart-scale($table-background, $table-color-scale);
|
620
|
-
$table-padding: rem-calc(8 10 10);
|
621
|
-
$table-hover-scale: 2%;
|
622
|
-
$table-row-hover: darken($table-background, $table-hover-scale);
|
623
|
-
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
|
624
|
-
$table-striped-background: smart-scale($table-background, $table-color-scale);
|
625
|
-
$table-stripe: even;
|
626
|
-
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
|
627
|
-
$table-foot-background: smart-scale($table-background, $table-color-scale);
|
628
|
-
$table-head-font-color: $body-font-color;
|
629
|
-
$show-header-for-stacked: false;
|
630
|
-
|
631
|
-
// 32. Tabs
|
632
|
-
// --------
|
633
|
-
|
634
|
-
$tab-margin: 0;
|
635
|
-
$tab-background: $white;
|
636
|
-
$tab-background-active: $light-gray;
|
637
|
-
$tab-item-font-size: rem-calc(12);
|
638
|
-
$tab-item-background-hover: $white;
|
639
|
-
$tab-item-padding: 1.25rem 1.5rem;
|
640
|
-
$tab-expand-max: 6;
|
641
|
-
$tab-content-background: $white;
|
642
|
-
$tab-content-border: $light-gray;
|
643
|
-
$tab-content-color: foreground($tab-background, $primary-color);
|
644
|
-
$tab-content-padding: 1rem;
|
645
|
-
|
646
|
-
// 33. Thumbnail
|
647
|
-
// -------------
|
648
|
-
|
649
|
-
$thumbnail-border: solid 4px $white;
|
650
|
-
$thumbnail-margin-bottom: $global-margin;
|
651
|
-
$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
|
652
|
-
$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
|
653
|
-
$thumbnail-transition: box-shadow 200ms ease-out;
|
654
|
-
$thumbnail-radius: $global-radius;
|
655
|
-
|
656
|
-
// 34. Title Bar
|
657
|
-
// -------------
|
658
|
-
|
659
|
-
$titlebar-background: $black;
|
660
|
-
$titlebar-color: $white;
|
661
|
-
$titlebar-padding: 0.5rem;
|
662
|
-
$titlebar-text-font-weight: bold;
|
663
|
-
$titlebar-icon-color: $white;
|
664
|
-
$titlebar-icon-color-hover: $medium-gray;
|
665
|
-
$titlebar-icon-spacing: 0.25rem;
|
666
|
-
|
667
|
-
// 35. Tooltip
|
668
|
-
// -----------
|
669
|
-
|
670
|
-
$has-tip-font-weight: $global-weight-bold;
|
671
|
-
$has-tip-border-bottom: dotted 1px $dark-gray;
|
672
|
-
$tooltip-background-color: $black;
|
673
|
-
$tooltip-color: $white;
|
674
|
-
$tooltip-padding: 0.75rem;
|
675
|
-
$tooltip-font-size: $small-font-size;
|
676
|
-
$tooltip-pip-width: 0.75rem;
|
677
|
-
$tooltip-pip-height: $tooltip-pip-width * 0.866;
|
678
|
-
$tooltip-radius: $global-radius;
|
679
|
-
|
680
|
-
// 36. Top Bar
|
681
|
-
// -----------
|
682
|
-
|
683
|
-
$topbar-padding: 1.3rem;
|
684
|
-
$topbar-background: $white;
|
685
|
-
$topbar-submenu-background: $topbar-background;
|
686
|
-
$topbar-title-spacing: 1rem;
|
687
|
-
$topbar-input-width: 200px;
|
688
|
-
$topbar-unstack-breakpoint: large;
|