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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b9a9c49931a4f54e15e72965acc13ae45254aa72e4b1f47a5cf0f06b3bbf6f7d
-  data.tar.gz: c81e67cec89f39f8cdec1f01bcb434948f5f6c6323aca31028c6085f3dde93f2
+  metadata.gz: 5a5801710828048e585dd7086e5d3d271400425d6c16c05ac12a88b65c8e2bf5
+  data.tar.gz: 2a3ba90e59f55be5ca3e15ce2f44ae27ed28598adca5bada793e1d25d0a777a8
 SHA512:
-  metadata.gz: fcb288210ac23f81a9d2a1c3a9979662cfdf3a0c8c942677b915d6142a835b3e0b906da44d61575a9b315eb2f61b77c4443e7e4a1c6bd633fbf9393c194b02d0
-  data.tar.gz: 432904cb5c01a678076e8e89273e5abc853039f8e1e6aed3e327d77f47792882913fe996c07806877c11ede7dd396a0fc2c6f63b241d93328bac902a743509b5
+  metadata.gz: fb5467c9e14bf052124b728ab5b935b62015326aeeefa3fa72bf8da9978cb0e960e8126b8659a75a150d54eb896920e96a186c12a8675d4c28ffaef491c23ccc
+  data.tar.gz: e1526060d20b7ac0502318351229b2c85e8a6b8d8179c296583c3653ef6b4eb92cf83b1071901785af147cb0c2ea5738c59ff09bb25ae84b9234e0cf481fc184

data/README.md

@@ -8,6 +8,145 @@ Theme of Czech Pirate Party.
 
 For usage see [USAGE.md](USAGE.md)
 
+## Updating to 8.x
+
+8.x version features a fully revamped UI based on our new [UI
+styleguide](https://styleguide.pir-test.eu/). The theme no longer has it's own
+CSS styles. Instead, all the styles are being provided by the styleguide itself.
+Same applies to JS: whole webpack asset pipeline has been dropped which
+resulted in a lot simpler design. This version is a transition one before
+migrating to Wagtail-driven websites. No more major updates will follow, only
+bugfixes a maybe some minor adjustments.
+
+### New features
+
+#### Sub links for campaigns
+
+You can now add sub link super buttons to campaign pages. To add it, provide the `subLinks` property of the particular campaign
+record with following shape:
+
+```
+subLinks:
+  - title: Povolební strategie
+    icon: ico--strategy
+    classes: bg-grey-125 hover:bg-black hover:text-white
+    href: /
+  - title: Financování kampaně
+    icon: ico--calculator
+    classes: bg-black text-white hover:bg-grey-125 hover:text-black
+    href: /
+```
+
+#### Transarency section in the footer
+
+Footer section listing transparent accounts and stuff can be enabled/disabled
+using `transparencySection: true/false` property in the `_data/menu.yml`.
+
+
+#### New includes
+
+- `_includes/avatar.html` - creates [avatar image](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-avatars)
+- `_includes/buttons/basic.html` - a [button without icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
+- `_includes/buttons/icon.html` - a [button with icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
+- `_includes/buttons/super.html` - a [super button](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-super-buttons)
+- `_includes/calendar.html` - a [calendar widget](https://styleguide.pir-test.eu/latest/?p=molecules-js-calendar)
+- `_includes/contact-line.html` - a generic [contact line](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-contact-lines)
+- `_includes/countdown.html` - a [countdown widget](https://styleguide.pir-test.eu/latest/?p=viewall-organisms-countdown)
+- `_includes/hero/simple.html` - a [simple hero banner](https://styleguide.pir-test.eu/latest/?p=templates-pirate-center)
+- `_includes/hero/advanced.html` - a [complex hero banner](https://styleguide.pir-test.eu/latest/?p=templates-elections)
+
+#### New pagination
+
+You should update your pagination settings to `12` instead of `11`.
+
+#### Set styleguide url in the config
+
+Add `styleguide_base_url` property pointing to styleguide version you want to use.
+
+#### New pirate-center layout
+
+Provide front matter like following:
+
+```yaml
+title: ParduPiCe - Pardubické pirátské centrum
+shorthand: ParduPiCe
+openingHoursSEO: Mo-Fr 9:00-17:00
+heroHeadline: Zbrusu nové krajské pirátské centrum!
+heroDescription: V Pardubicích jsme otevřeli nové pirátské centrum pod zkratkou ParduPiCe.
+img: pardupice/1.jpg
+address: |
+  Pardubické pirátské centrum
+  Budova T-STRING
+  Masarykovo náměstí 1484
+  530 02 Pardubice I
+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.
+contactPersons:
+  - id: filip.varecha
+    description: Správce coworku
+  - id: jan.bednar
+    description: Produkce
+calendarId: t60uj67580oudjh04tuh5icl8o@group.calendar.google.com
+calendarTitle: Kalendář akcí
+calendarPage: https://calendar.google.com/calendar/embed?src=t60uj67580oudjh04tuh5icl8o%40group.calendar.google.com&ctz=Europe%2FPrague
+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
+```
+
+If you provide `calendarId`, it will display the event list automatically.
+
+
+#### Display party affiliation on person page
+
+To display, add `partyUid: [party_uid]` in the page front matter.
+
+#### Use customized hero background on person page
+
+To use it fully, provide `heroImg` in the person markdown file.
+
+#### Highlight important articles
+
+These will show as the [emphasized variant in black](https://styleguide.pir-test.eu/latest/?p=viewall-molecules-article-card).
+
+
+### Backwards incompatible changes
+
+#### Candidate lists
+
+New data entity `parties` has been introduced. Needs to be added as `_data/parties.yml`. It's an array with following structure:
+
+```
+- uid: [party_id]
+  name: [party_verbose_name]
+  logoImg: [party_image_in_svg_format]
+```
+
+All existing candidate lists need to be updated. Specifically, `party` property
+has to be replaced with `partyUid` pointing to actual `uid` in `parties.yml`.
+
+#### Font awesome dropped in favor of custom iconset
+
+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`.
+
+
+#### Some deleted templates
+
+- `_includes/article-box/three-in-row.html` - replaced with `_includes/article-box/list.html`
+- `_includes/rbar/bar_photo.html` - now replaced with `bar_profile.html` that already contains a picture
+- `_includes/rbar/bar_person_contact.html` - now replaced with `bar_profile.html` that already contains a contact section
+
+
+#### Obsolete JS widgets
+
+Following widgets won't work (source kept in repository for future possible use):
+
+- Agenda - replaced with calendar from styleguide
+- Intention map - no replacement
+- Custom layer map - no replacement
+- Site search - no replacement, no site search available anymore
+
+## Updating to 7.x
+
+Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
+
 ## Updating to 6.x
 
 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
       <h1 class="t-h2-alt">Přidejte se</h1>
     </div>
     ```
-## Updating to 7.x
-
-Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
 
 ## Contributing
 

data/_includes/header.html

@@ -17,7 +17,7 @@
           <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">
             <div class="text-grey-200 text-sm lg:space-x-8 leading-loose lg:leading-normal">
               {% for item in site.data.menu.top %}
-                {% include contact-line.html href=item.url icon=item.icon caption=item.link class="lg:inline-block" target="_blank" %}
+                {% include contact-line.html href=item.url icon=item.icon caption=item.link class="block lg:inline-block" target="_blank" %}
               {% endfor %}
             </div>
             {% include social-icon-group.html class="space-x-2 text-grey-200 py-4 lg:py-0" %}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-pirati
 version: !ruby/object:Gem::Version
-  version: 8.0.0.pre.beta2
+  version: 8.0.0
 platform: ruby
 authors:
 - Jitka Novotná
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-11 00:00:00.000000000 Z
+date: 2020-07-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -160,71 +160,6 @@ files:
 - _layouts/regions.html
 - _layouts/regions2.html
 - _layouts/taglist.html
-- _sass/_base.scss
-- _sass/_fonts.scss
-- _sass/_settings.scss
-- _sass/_sprites.scss
-- _sass/components/Slider.scss
-- _sass/components/academic-title.scss
-- _sass/components/article-card.scss
-- _sass/components/article-infobox.scss
-- _sass/components/article-listing.scss
-- _sass/components/banner.scss
-- _sass/components/blockquote.scss
-- _sass/components/card.scss
-- _sass/components/contact-bar.scss
-- _sass/components/content-block.scss
-- _sass/components/content-card.scss
-- _sass/components/corner-ribbon.scss
-- _sass/components/cta-button.scss
-- _sass/components/footer.scss
-- _sass/components/header-bar.scss
-- _sass/components/headline-media.scss
-- _sass/components/hero.scss
-- _sass/components/highlight.scss
-- _sass/components/hp-banner.scss
-- _sass/components/icon.scss
-- _sass/components/intention-map.scss
-- _sass/components/member-list.scss
-- _sass/components/metadata-block.scss
-- _sass/components/multicolumn.scss
-- _sass/components/pagination.scss
-- _sass/components/person.scss
-- _sass/components/profile-badge.scss
-- _sass/components/program.scss
-- _sass/components/region.scss
-- _sass/components/simple-accordion.scss
-- _sass/components/suggest-improvement.scss
-- _sass/components/tag.scss
-- _sass/components/tile.scss
-- _sass/components/top-bar.scss
-- _sass/components/top-sub-nav.scss
-- _sass/components/typography.scss
-- _sass/components/vertical-navigation.scss
-- _sass/components/widget-accordion.scss
-- _sass/components/widget-share-box.scss
-- _sass/components/widget-simple-text.scss
-- _sass/layouts/_cast.scss
-- _sass/layouts/_kandidatka.scss
-- _sass/objects/media.scss
-- _sass/objects/section.scss
-- _sass/objects/space.scss
-- _sass/pirati.scss
-- _sass/utilities/header-styles.scss
-- _sass/utilities/utilities.scss
-- assets/css/main.scss
-- assets/fonts/BebasNeue-Thin.ttf
-- assets/fonts/BebasNeue-Thin.woff
-- assets/fonts/BebasNeueBold.ttf
-- assets/fonts/BebasNeueBold.woff
-- assets/fonts/BebasNeueBook.ttf
-- assets/fonts/BebasNeueBook.woff
-- assets/fonts/BebasNeueLight.ttf
-- assets/fonts/BebasNeueLight.woff
-- assets/fonts/BebasNeueRegular.ttf
-- assets/fonts/BebasNeueRegular.woff
-- assets/fonts/demo.html
-- assets/fonts/stylesheet.css
 - assets/icons/blog.png
 - assets/icons/compass.png
 - assets/icons/facebook.png
@@ -377,9 +312,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.7.6

data/_sass/_base.scss

@@ -1,23 +0,0 @@
-html, body {
-  // Base font size, everyting else scales relative to this.
-  font-size: 16px;
-  -webkit-font-smoothing: antialiased;
-
-  @include breakpoint(small down) {
-    font-size: 16px;
-  }
-}
-
-.fa {
-  text-align: center;
-  min-width: 18px;
-
-  @include breakpoint(large down) {
-    min-width: 15px;
-  }
-
-  @include breakpoint(medium down) {
-    min-width: 13px;
-  }
-
-}

data/_sass/_fonts.scss

@@ -1,42 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
-
-@font-face {
-  font-family: 'Bebas Neue Book';
-  src: url('/assets/fonts/BebasNeueBook.woff') format('woff'),
-      url('/assets/fonts/BebasNeueBook.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Bebas Neue';
-  src: url('/assets/fonts/BebasNeue-Thin.woff') format('woff'),
-      url('/assets/fonts/BebasNeue-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Bebas Neue';
-  src: url('/assets/fonts/BebasNeueLight.woff') format('woff'),
-      url('/assets/fonts/BebasNeueLight.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Bebas Neue';
-  src: url('/assets/fonts/BebasNeueRegular.woff') format('woff'),
-      url('/assets/fonts/BebasNeueRegular.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Bebas Neue';
-  src: url('/assets/fonts/BebasNeueBold.woff') format('woff'),
-      url('/assets/fonts/BebasNeueBold.ttf') format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-

data/_sass/_settings.scss

@@ -1,688 +0,0 @@
-//  Foundation for Sites Settings
-//  -----------------------------
-//
-//  Table of Contents:
-//
-//   1. Global
-//   2. Breakpoints
-//   3. The Grid
-//   4. Base Typography
-//   5. Typography Helpers
-//   6. Abide
-//   7. Accordion
-//   8. Accordion Menu
-//   9. Badge
-//  10. Breadcrumbs
-//  11. Button
-//  12. Button Group
-//  13. Callout
-//  14. Close Button
-//  15. Drilldown
-//  16. Dropdown
-//  17. Dropdown Menu
-//  18. Flex Video
-//  19. Forms
-//  20. Label
-//  21. Media Object
-//  22. Menu
-//  23. Meter
-//  24. Off-canvas
-//  25. Orbit
-//  26. Pagination
-//  27. Progress Bar
-//  28. Reveal
-//  29. Slider
-//  30. Switch
-//  31. Table
-//  32. Tabs
-//  33. Thumbnail
-//  34. Title Bar
-//  35. Tooltip
-//  36. Top Bar
-
-@import 'foundation-sites/scss/util/util';
-
-// 1. Global
-// ---------
-
-$global-font-size: 100%;
-$global-width: 1170px;
-$global-lineheight: 1.3;
-$foundation-palette: (
-  primary: #000,
-  secondary: #fff,
-  success: #3adb76,
-  warning: #ffae00,
-  alert: #cc0303,
-  dark: #343434
-);
-$light-gray: #f3f3f3;
-$medium-gray: #eaeaea;
-$dark-gray: #8a8a8a;
-$black: #0a0a0a;
-$white: #fff;
-$body-background: $white;
-$body-font-color: $black;
-$body-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
-$body-antialiased: true;
-$global-margin: 1rem;
-$global-padding: 1rem;
-$global-weight-normal: 300;
-$global-weight-bold: 700;
-$global-radius: 0;
-$global-text-direction: ltr;
-$global-flexbox: false;
-$print-transparent-backgrounds: true;
-
-@include add-foundation-colors;
-
-// 2. Breakpoints
-// --------------
-
-$breakpoints: (
-  small: 0,
-  mobile: 480px,
-  medium: 640px,
-  large: 1024px,
-  xlarge: 1200px,
-  xxlarge: 1440px,
-);
-$breakpoint-classes: (small medium large);
-
-// 3. The Grid
-// -----------
-
-$grid-row-width: $global-width;
-$grid-column-count: 12;
-$grid-column-gutter: (
-  small: 1.5rem,
-  mobile: 1.5rem,
-  medium: 3rem,
-);
-$grid-column-align-edge: true;
-$block-grid-max: 8;
-
-// 4. Base Typography
-// ------------------
-
-$text: (
-  weight: (
-    default: 300,
-    mid: 400,
-    bold: 700
-  ),
-);
-
-$headers: (
-  super: (
-    family: "'Bebas Neue', Helvetica, Arial, sans-serif",
-    weight: bold,
-    letter-spacing: .005em,
-    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
-    sizes: (
-      small: (
-        'h1': 3.124rem,
-        'h2': 3.124rem,
-        'h3': 2.828rem,
-        'h4': 2.209rem,
-        'h5': 2rem,
-        'h6': 1.563rem,
-      ),
-      medium: (
-        'h1': 3.874rem,
-        'h2': 3.124rem,
-        'h3': 2.74rem,
-        'h4': 2.209rem,
-        'h5': 1.938rem,
-        'h6': 1.563rem,
-      ),
-    )
-  ),
-  main: (
-    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
-    weight: 700,
-    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
-    sizes: (
-      small: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-      medium: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-    )
-  ),
-  sub: (
-    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
-    weight: 400,
-    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
-    sizes: (
-      small: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-      medium: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-    )
-  ),
-  alt: (
-    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
-    weight: 300,
-    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
-    sizes: (
-      small: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-      medium: (
-        'h1': 2.474rem,
-        'h2': 1.999rem,
-        'h3': 1.75rem,
-        'h4': 1.414rem,
-        'h5': 1.238rem,
-        'h6': 1rem,
-      ),
-    )
-  ),
-);
-
-// $header-font-family-super: 'Bebas Neue', Helvetica, Arial, sans-serif;
-// $header-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
-// $header-font-family-sub: 'Bebas Neue Book', Helvetica, Arial, sans-serif;
-// $header-font-weight: 700;
-// $header-font-style: normal;
-$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-// $header-sizes: (
-//   small: (
-//     'h1': 1.953rem,
-//     'h2': 1.563rem,
-//     'h3': 1.25rem,
-//     'h4': 1rem,
-//     'h5': 0.8rem,
-//     'h6': 0.64rem,
-//   ),
-//   medium: (
-//     'h1': 37.897,
-//     'h2': 28.430,
-//     'h3': 21.328,
-//     'h4': 16,
-//     'h5': 12.003,
-//     'h6': 9.004,
-//   ),
-// );
-$header-color: inherit;
-$header-lineheight: 1.2;
-$header-margin-bottom: 0.5rem;
-$header-text-rendering: optimizeLegibility;
-$small-font-size: 80%;
-$header-small-font-color: $medium-gray;
-$paragraph-lineheight: 1.4;
-$paragraph-margin-bottom: 1rem;
-$paragraph-text-rendering: optimizeLegibility;
-$code-color: $black;
-$code-font-family: $font-family-monospace;
-$code-font-weight: $global-weight-normal;
-$code-background: $light-gray;
-$code-border: 1px solid $medium-gray;
-$code-padding: rem-calc(2 5 1);
-$anchor-color: $primary-color;
-$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
-$anchor-text-decoration: none;
-$anchor-text-decoration-hover: none;
-$hr-width: 100%;
-$hr-border: 1px solid $light-gray;
-$hr-margin: rem-calc(20) auto;
-$list-lineheight: $paragraph-lineheight;
-$list-margin-bottom: $paragraph-margin-bottom;
-$list-style-type: disc;
-$list-style-position: outside;
-$list-side-margin: 1.25rem;
-$list-nested-side-margin: 1.25rem;
-$defnlist-margin-bottom: 1rem;
-$defnlist-term-weight: $global-weight-bold;
-$defnlist-term-margin-bottom: 0.3rem;
-$blockquote-color: $dark-gray;
-$blockquote-padding: rem-calc(9 20 0 19);
-$blockquote-border: 1px solid $medium-gray;
-$cite-font-size: rem-calc(13);
-$cite-color: $dark-gray;
-$keystroke-font: $font-family-monospace;
-$keystroke-color: $black;
-$keystroke-background: $light-gray;
-$keystroke-padding: rem-calc(2 4 0);
-$keystroke-radius: $global-radius;
-$abbr-underline: 1px dotted $black;
-
-$facebook-color: #1672b9;
-$twitter-color: #91cfff;
-$gplus-color: #cc0303;
-$instagram-color: #d10869;
-$pinterest-color: #cb2027;
-$tumblr-color: #32506d;
-$reddit-color: #ff4500;
-$linkedin-color: #007bb5;
-$envelope-color: #444444;
-
-$ternary-color: lighten($primary-color, 13%);
-$rbar-accent-color: $ternary-color;
-
-// 5. Typography Helpers
-// ---------------------
-
-$lead-font-size: $global-font-size * 1.25;
-$lead-lineheight: 1.6;
-$subheader-lineheight: 1.4;
-$subheader-color: $dark-gray;
-$subheader-font-weight: $global-weight-normal;
-$subheader-margin-top: 0.2rem;
-$subheader-margin-bottom: 0.5rem;
-$stat-font-size: 2.5rem;
-
-// 6. Abide
-// --------
-
-$abide-inputs: true;
-$abide-labels: true;
-$input-background-invalid: map-get($foundation-palette, alert);
-$form-label-color-invalid: map-get($foundation-palette, alert);
-$input-error-color: map-get($foundation-palette, alert);
-$input-error-font-size: rem-calc(12);
-$input-error-font-weight: $global-weight-bold;
-
-// 7. Accordion
-// ------------
-
-$accordion-background: $white;
-$accordion-plusminus: true;
-$accordion-item-color: foreground($accordion-background, $primary-color);
-$accordion-item-background-hover: $light-gray;
-$accordion-item-padding: 1.25rem 1rem;
-$accordion-content-background: $white;
-$accordion-content-border: 1px solid $light-gray;
-$accordion-content-color: foreground($accordion-content-background, $body-font-color);
-$accordion-content-padding: 1rem;
-
-// 8. Accordion Menu
-// -----------------
-
-$accordionmenu-arrows: true;
-$accordionmenu-arrow-color: $primary-color;
-
-// 9. Badge
-// --------
-
-$badge-background: $primary-color;
-$badge-color: foreground($badge-background);
-$badge-padding: 0.3em;
-$badge-minwidth: 2.1em;
-$badge-font-size: 0.6rem;
-
-// 10. Breadcrumbs
-// ---------------
-
-$breadcrumbs-margin: 0 0 $global-margin 0;
-$breadcrumbs-item-font-size: rem-calc(11);
-$breadcrumbs-item-color: $primary-color;
-$breadcrumbs-item-color-current: $black;
-$breadcrumbs-item-color-disabled: $medium-gray;
-$breadcrumbs-item-margin: 0.75rem;
-$breadcrumbs-item-uppercase: true;
-$breadcrumbs-item-slash: true;
-
-// 11. Button
-// ----------
-
-$button-padding: 0.85em 1em;
-$button-margin: 0 0 $global-margin 0;
-$button-fill: solid;
-$button-background: $dark-gray;
-$button-background-hover: $ternary-color;
-$button-color: $white;
-$button-color-alt: $black;
-$button-radius: $global-radius;
-$button-sizes: (
-  tiny: 0.6rem,
-  small: 0.75rem,
-  default: 0.9rem,
-  large: 1.25rem,
-);
-$button-opacity-disabled: 0.25;
-
-// 12. Button Group
-// ----------------
-
-$buttongroup-margin: 1rem;
-$buttongroup-spacing: 1px;
-$buttongroup-child-selector: '.button';
-$buttongroup-expand-max: 6;
-
-// 13. Callout
-// -----------
-
-$callout-background: $white;
-$callout-background-fade: 85%;
-$callout-border: 1px solid rgba($black, 0.25);
-$callout-margin: 0 0 1rem 0;
-$callout-padding: 1rem;
-$callout-font-color: $body-font-color;
-$callout-font-color-alt: $body-background;
-$callout-radius: $global-radius;
-$callout-link-tint: 30%;
-
-// 14. Close Button
-// ----------------
-
-$closebutton-position: right top;
-$closebutton-offset-horizontal: 1rem;
-$closebutton-offset-vertical: 0.5rem;
-$closebutton-size: 2em;
-$closebutton-lineheight: 1;
-$closebutton-color: $dark-gray;
-$closebutton-color-hover: $black;
-
-// 15. Drilldown
-// -------------
-
-$drilldown-transition: transform 0.15s linear;
-$drilldown-arrows: true;
-$drilldown-arrow-color: $primary-color;
-$drilldown-background: $white;
-
-// 16. Dropdown
-// ------------
-
-$dropdown-padding: 1rem;
-$dropdown-border: 1px solid $medium-gray;
-$dropdown-font-size: 1rem;
-$dropdown-width: 300px;
-$dropdown-radius: $global-radius;
-$dropdown-sizes: (
-  tiny: 100px,
-  small: 200px,
-  large: 400px,
-);
-
-// 17. Dropdown Menu
-// -----------------
-
-$dropdownmenu-arrows: true;
-$dropdownmenu-arrow-color: $anchor-color;
-$dropdownmenu-min-width: 200px;
-$dropdownmenu-background: $white;
-$dropdownmenu-border: 1px solid $medium-gray;
-
-// 18. Flex Video
-// --------------
-
-$flexvideo-margin-bottom: rem-calc(16);
-$flexvideo-ratio: 4 by 3;
-$flexvideo-ratio-widescreen: 16 by 9;
-
-// 19. Forms
-// ---------
-
-$fieldset-border: 1px solid $medium-gray;
-$fieldset-padding: rem-calc(20);
-$fieldset-margin: rem-calc(18 0);
-$legend-padding: rem-calc(0 3);
-$form-spacing: rem-calc(16);
-$helptext-color: $black;
-$helptext-font-size: rem-calc(13);
-$helptext-font-style: italic;
-$input-prefix-color: $black;
-$input-prefix-background: $light-gray;
-$input-prefix-border: 1px solid $medium-gray;
-$input-prefix-padding: 1rem;
-$form-label-color: $black;
-$form-label-font-size: rem-calc(14);
-$form-label-font-weight: $global-weight-normal;
-$form-label-line-height: 1.8;
-$select-background: $white;
-$select-triangle-color: $dark-gray;
-$select-radius: $global-radius;
-$input-color: $black;
-$input-placeholder-color: $medium-gray;
-$input-font-family: inherit;
-$input-font-size: rem-calc(16);
-$input-background: $white;
-$input-background-focus: $white;
-$input-background-disabled: $light-gray;
-$input-border: 1px solid $primary-color;
-$input-border-focus: 1px solid $dark-gray;
-$input-shadow: inset 0 1px 2px rgba($black, 0.1);
-$input-shadow-focus: 0 0 5px $medium-gray;
-$input-cursor-disabled: not-allowed;
-$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-$input-number-spinners: true;
-$input-radius: $global-radius;
-
-// 20. Label
-// ---------
-
-$label-background: $primary-color;
-$label-color: foreground($label-background);
-$label-font-size: 0.8rem;
-$label-padding: 0.33333rem 0.5rem;
-$label-radius: $global-radius;
-
-// 21. Media Object
-// ----------------
-
-$mediaobject-margin-bottom: $global-margin;
-$mediaobject-section-padding: $global-padding;
-$mediaobject-image-width-stacked: 100%;
-
-// 22. Menu
-// --------
-
-$menu-margin: 0;
-$menu-margin-nested: 1rem;
-$menu-item-padding: 0.7rem 1rem;
-$menu-item-color-active: $white;
-$menu-item-background-active: map-get($foundation-palette, primary);
-$menu-icon-spacing: 0.25rem;
-
-// 23. Meter
-// ---------
-
-$meter-height: 1rem;
-$meter-radius: $global-radius;
-$meter-background: $medium-gray;
-$meter-fill-good: $success-color;
-$meter-fill-medium: $warning-color;
-$meter-fill-bad: $alert-color;
-
-// 24. Off-canvas
-// --------------
-
-$offcanvas-size: 250px;
-$offcanvas-background: $light-gray;
-$offcanvas-zindex: -1;
-$offcanvas-transition-length: 0.5s;
-$offcanvas-transition-timing: ease;
-$offcanvas-fixed-reveal: true;
-$offcanvas-exit-background: rgba($white, 0.25);
-$maincontent-class: 'off-canvas-content';
-$maincontent-shadow: 0 0 10px rgba($black, 0.5);
-
-// 25. Orbit
-// ---------
-
-$orbit-bullet-background: $medium-gray;
-$orbit-bullet-background-active: $dark-gray;
-$orbit-bullet-diameter: 1.2rem;
-$orbit-bullet-margin: 0.1rem;
-$orbit-bullet-margin-top: 0.8rem;
-$orbit-bullet-margin-bottom: 0.8rem;
-$orbit-caption-background: rgba($black, 0.5);
-$orbit-caption-padding: 1rem;
-$orbit-control-background-hover: rgba($black, 0.5);
-$orbit-control-padding: 1rem;
-$orbit-control-zindex: 10;
-
-// 26. Pagination
-// --------------
-
-$pagination-font-size: rem-calc(20);
-$pagination-margin-bottom: $global-margin;
-$pagination-item-color: $black;
-$pagination-item-padding: 0;
-$pagination-item-spacing: rem-calc(4);
-$pagination-radius: $global-radius;
-$pagination-item-background-hover: $light-gray;
-$pagination-item-background-current: transparent;
-$pagination-item-color-current: #343434;
-$pagination-item-color-disabled: $medium-gray;
-$pagination-ellipsis-color: #343434;
-$pagination-mobile-items: false;
-$pagination-arrows: false;
-
-// 27. Progress Bar
-// ----------------
-
-$progress-height: 1rem;
-$progress-background: $medium-gray;
-$progress-margin-bottom: $global-margin;
-$progress-meter-background: $primary-color;
-$progress-radius: $global-radius;
-
-// 28. Reveal
-// ----------
-
-$reveal-background: $white;
-$reveal-width: 600px;
-$reveal-max-width: $global-width;
-$reveal-padding: $global-padding;
-$reveal-border: 1px solid $medium-gray;
-$reveal-radius: $global-radius;
-$reveal-zindex: 1005;
-$reveal-overlay-background: rgba($black, 0.45);
-
-// 29. Slider
-// ----------
-
-$slider-width-vertical: 0.5rem;
-$slider-transition: all 0.2s ease-in-out;
-$slider-height: 0.5rem;
-$slider-background: $light-gray;
-$slider-fill-background: $medium-gray;
-$slider-handle-height: 1.4rem;
-$slider-handle-width: 1.4rem;
-$slider-handle-background: $primary-color;
-$slider-opacity-disabled: 0.25;
-$slider-radius: $global-radius;
-
-// 30. Switch
-// ----------
-
-$switch-background: $medium-gray;
-$switch-background-active: $primary-color;
-$switch-height: 2rem;
-$switch-height-tiny: 1.5rem;
-$switch-height-small: 1.75rem;
-$switch-height-large: 2.5rem;
-$switch-radius: $global-radius;
-$switch-margin: $global-margin;
-$switch-paddle-background: $white;
-$switch-paddle-offset: 0.25rem;
-$switch-paddle-radius: $global-radius;
-$switch-paddle-transition: all 0.25s ease-out;
-
-// 31. Table
-// ---------
-
-$table-background: $white;
-$table-color-scale: 5%;
-$table-border: 1px solid smart-scale($table-background, $table-color-scale);
-$table-padding: rem-calc(8 10 10);
-$table-hover-scale: 2%;
-$table-row-hover: darken($table-background, $table-hover-scale);
-$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
-$table-striped-background: smart-scale($table-background, $table-color-scale);
-$table-stripe: even;
-$table-head-background: smart-scale($table-background, $table-color-scale / 2);
-$table-foot-background: smart-scale($table-background, $table-color-scale);
-$table-head-font-color: $body-font-color;
-$show-header-for-stacked: false;
-
-// 32. Tabs
-// --------
-
-$tab-margin: 0;
-$tab-background: $white;
-$tab-background-active: $light-gray;
-$tab-item-font-size: rem-calc(12);
-$tab-item-background-hover: $white;
-$tab-item-padding: 1.25rem 1.5rem;
-$tab-expand-max: 6;
-$tab-content-background: $white;
-$tab-content-border: $light-gray;
-$tab-content-color: foreground($tab-background, $primary-color);
-$tab-content-padding: 1rem;
-
-// 33. Thumbnail
-// -------------
-
-$thumbnail-border: solid 4px $white;
-$thumbnail-margin-bottom: $global-margin;
-$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
-$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
-$thumbnail-transition: box-shadow 200ms ease-out;
-$thumbnail-radius: $global-radius;
-
-// 34. Title Bar
-// -------------
-
-$titlebar-background: $black;
-$titlebar-color: $white;
-$titlebar-padding: 0.5rem;
-$titlebar-text-font-weight: bold;
-$titlebar-icon-color: $white;
-$titlebar-icon-color-hover: $medium-gray;
-$titlebar-icon-spacing: 0.25rem;
-
-// 35. Tooltip
-// -----------
-
-$has-tip-font-weight: $global-weight-bold;
-$has-tip-border-bottom: dotted 1px $dark-gray;
-$tooltip-background-color: $black;
-$tooltip-color: $white;
-$tooltip-padding: 0.75rem;
-$tooltip-font-size: $small-font-size;
-$tooltip-pip-width: 0.75rem;
-$tooltip-pip-height: $tooltip-pip-width * 0.866;
-$tooltip-radius: $global-radius;
-
-// 36. Top Bar
-// -----------
-
-$topbar-padding: 1.3rem;
-$topbar-background: $white;
-$topbar-submenu-background: $topbar-background;
-$topbar-title-spacing: 1rem;
-$topbar-input-width: 200px;
-$topbar-unstack-breakpoint: large;