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

This diff has not been reviewed by any users.
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;