jekyll-theme-pirati 8.0.0.pre.beta2 → 8.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +139 -3
  3. data/_includes/header.html +1 -1
  4. metadata +4 -69
  5. data/_sass/_base.scss +0 -23
  6. data/_sass/_fonts.scss +0 -42
  7. data/_sass/_settings.scss +0 -688
  8. data/_sass/_sprites.scss +0 -0
  9. data/_sass/components/Slider.scss +0 -0
  10. data/_sass/components/academic-title.scss +0 -7
  11. data/_sass/components/article-card.scss +0 -41
  12. data/_sass/components/article-infobox.scss +0 -9
  13. data/_sass/components/article-listing.scss +0 -95
  14. data/_sass/components/banner.scss +0 -75
  15. data/_sass/components/blockquote.scss +0 -83
  16. data/_sass/components/card.scss +0 -154
  17. data/_sass/components/contact-bar.scss +0 -93
  18. data/_sass/components/content-block.scss +0 -24
  19. data/_sass/components/content-card.scss +0 -31
  20. data/_sass/components/corner-ribbon.scss +0 -25
  21. data/_sass/components/cta-button.scss +0 -54
  22. data/_sass/components/footer.scss +0 -5
  23. data/_sass/components/header-bar.scss +0 -118
  24. data/_sass/components/headline-media.scss +0 -42
  25. data/_sass/components/hero.scss +0 -164
  26. data/_sass/components/highlight.scss +0 -60
  27. data/_sass/components/hp-banner.scss +0 -21
  28. data/_sass/components/icon.scss +0 -33
  29. data/_sass/components/intention-map.scss +0 -23
  30. data/_sass/components/member-list.scss +0 -7
  31. data/_sass/components/metadata-block.scss +0 -29
  32. data/_sass/components/multicolumn.scss +0 -25
  33. data/_sass/components/pagination.scss +0 -44
  34. data/_sass/components/person.scss +0 -9
  35. data/_sass/components/profile-badge.scss +0 -74
  36. data/_sass/components/program.scss +0 -150
  37. data/_sass/components/region.scss +0 -83
  38. data/_sass/components/simple-accordion.scss +0 -80
  39. data/_sass/components/suggest-improvement.scss +0 -10
  40. data/_sass/components/tag.scss +0 -29
  41. data/_sass/components/tile.scss +0 -20
  42. data/_sass/components/top-bar.scss +0 -202
  43. data/_sass/components/top-sub-nav.scss +0 -81
  44. data/_sass/components/typography.scss +0 -85
  45. data/_sass/components/vertical-navigation.scss +0 -67
  46. data/_sass/components/widget-accordion.scss +0 -109
  47. data/_sass/components/widget-share-box.scss +0 -117
  48. data/_sass/components/widget-simple-text.scss +0 -15
  49. data/_sass/layouts/_cast.scss +0 -262
  50. data/_sass/layouts/_kandidatka.scss +0 -78
  51. data/_sass/objects/media.scss +0 -35
  52. data/_sass/objects/section.scss +0 -211
  53. data/_sass/objects/space.scss +0 -7
  54. data/_sass/pirati.scss +0 -58
  55. data/_sass/utilities/header-styles.scss +0 -16
  56. data/_sass/utilities/utilities.scss +0 -139
  57. data/assets/css/main.scss +0 -3
  58. data/assets/fonts/BebasNeue-Thin.ttf +0 -0
  59. data/assets/fonts/BebasNeue-Thin.woff +0 -0
  60. data/assets/fonts/BebasNeueBold.ttf +0 -0
  61. data/assets/fonts/BebasNeueBold.woff +0 -0
  62. data/assets/fonts/BebasNeueBook.ttf +0 -0
  63. data/assets/fonts/BebasNeueBook.woff +0 -0
  64. data/assets/fonts/BebasNeueLight.ttf +0 -0
  65. data/assets/fonts/BebasNeueLight.woff +0 -0
  66. data/assets/fonts/BebasNeueRegular.ttf +0 -0
  67. data/assets/fonts/BebasNeueRegular.woff +0 -0
  68. data/assets/fonts/demo.html +0 -311
  69. data/assets/fonts/stylesheet.css +0 -40
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b9a9c49931a4f54e15e72965acc13ae45254aa72e4b1f47a5cf0f06b3bbf6f7d
4
- data.tar.gz: c81e67cec89f39f8cdec1f01bcb434948f5f6c6323aca31028c6085f3dde93f2
3
+ metadata.gz: 5a5801710828048e585dd7086e5d3d271400425d6c16c05ac12a88b65c8e2bf5
4
+ data.tar.gz: 2a3ba90e59f55be5ca3e15ce2f44ae27ed28598adca5bada793e1d25d0a777a8
5
5
  SHA512:
6
- metadata.gz: fcb288210ac23f81a9d2a1c3a9979662cfdf3a0c8c942677b915d6142a835b3e0b906da44d61575a9b315eb2f61b77c4443e7e4a1c6bd633fbf9393c194b02d0
7
- data.tar.gz: 432904cb5c01a678076e8e89273e5abc853039f8e1e6aed3e327d77f47792882913fe996c07806877c11ede7dd396a0fc2c6f63b241d93328bac902a743509b5
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
 
@@ -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.pre.beta2
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-11 00:00:00.000000000 Z
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: 1.3.1
317
+ version: '0'
383
318
  requirements: []
384
319
  rubyforge_project:
385
320
  rubygems_version: 2.7.6
@@ -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
- }
@@ -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
-
@@ -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;