jekyll-theme-pirati 8.0.0.pre.alpha6 → 8.2.0

data/_includes/article-box/three-in-row.html

@@ -1,22 +0,0 @@
-{% for article-box in include.article-boxes %}
-  {% capture thecycle %}{% cycle 'first', 'second', 'third' %}{% endcapture %}
-  {% if thecycle == 'first' %}
-
-  <div class="row">
-  
-  {% endif %}
-
-  {% include article-box/article-box.html
-  url=article-box.url
-  image=article-box.image
-  title=article-box.title
-  description=article-box.description
-  button=article-box.button
-  %}
-  {% if thecycle == 'third' or forloop.last %}
-
-  </div>
-
-  {% endif %}
-{% endfor %}
-

data/_includes/right-bar/bar_cal.html

@@ -1,22 +0,0 @@
-<div class="o-section-block show-for-medium">
-<ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-  <li class="c-widget-accordion-item is-active" data-accordion-item="">
-    <a href="#" class="c-widget-accordion-link c-widget-accordion-link--cal">
-      <span class="c-widget-accordion__title">{{ site.calendar.title }}</span>
-    </a>
-    <div class="c-widget-accordion-content" data-tab-content="">
-      {% if site.env.GOOGLE_CALENDAR_APIKEY and site.calendar.id %}
-        <div class="__vue-root" data-app="Agenda" data-apikey="{{ site.env.GOOGLE_CALENDAR_APIKEY }}" data-calendar="{{ site.calendar.id }}"></div>
-      {% else %}
-        <iframe src="{{ site.calendar.page }}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
-      {% endif %}
-
-      {% if site.calendar.page %}
-        <div class="c-widget-accordion-content__cta">
-          <a class="expanded button large u-0margin" href="{{ site.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
-        </div>
-      {% endif %}
-    </div>
-  </li>
-</ul>
-</div>

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;