vendor/assets/stylesheets/foundation/_settings.scss in foundation-rails-5.2.3.0 vs vendor/assets/stylesheets/foundation/_settings.scss in foundation-rails-5.3.0.0

- old
+ new

@@ -28,20 +28,24 @@ // We use this to control whether or not CSS classes come through in the gem files. // $include-html-classes: true; // $include-print-styles: true; // $include-html-global-classes: $include-html-classes; -// Grid +// Grid -// $include-html-grid-classes: $include-html-classes; +// $include-html-block-grid-classes: $include-html-classes; // $include-xl-html-grid-classes: false; // $row-width: rem-calc(1000); // $total-columns: 12; // Global +// We use these to define default font weights +// $font-weight-normal: normal !default +// $font-weight-bold: bold !default + // We use these to control various global styles // $body-bg: #fff; // $body-font-color: #222; // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; // $body-font-weight: $font-weight-normal; @@ -135,10 +139,18 @@ // $h3-font-size: rem-calc(27); // $h4-font-size: rem-calc(23); // $h5-font-size: rem-calc(18); // $h6-font-size: 1rem; +// We use these to control header size reduction on small screens +// $h1-font-reduction: rem-calc(10) !default; +// $h2-font-reduction: rem-calc(10) !default; +// $h3-font-reduction: rem-calc(5) !default; +// $h4-font-reduction: rem-calc(5) !default; +// $h5-font-reduction: 0 !default; +// $h6-font-reduction: 0 !default; + // These control how subheaders are styled. // $subheader-line-height: 1.4; // $subheader-font-color: scale-color($header-font-color, $lightness: 35%); // $subheader-font-weight: $font-weight-normal; // $subheader-top-margin: .2rem; @@ -668,10 +680,11 @@ // $include-html-off-canvas-classes: $include-html-classes; // $tabbar-bg: #333; // $tabbar-height: rem-calc(45); +// $tabbar-icon-width: $tabbar-height; // $tabbar-line-height: $tabbar-height; // $tabbar-color: #fff; // $tabbar-middle-padding: 0 rem-calc(10); // Off Canvas Divider Styles @@ -706,18 +719,17 @@ // $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); // $tabbar-menu-icon-text-indent: rem-calc(35); // $tabbar-menu-icon-width: $tabbar-height; // $tabbar-menu-icon-height: $tabbar-height; -// $tabbar-menu-icon-line-height: rem-calc(33); // $tabbar-menu-icon-padding: 0; // $tabbar-hamburger-icon-width: rem-calc(16); // $tabbar-hamburger-icon-left: false; // $tabbar-hamburger-icon-top: false; -// $tapbar-hamburger-icon-thickness: 1px; -// $tapbar-hamburger-icon-gap: 6px; +// $tabbar-hamburger-icon-thickness: 1px; +// $tabbar-hamburger-icon-gap: 6px; // Off Canvas Back-Link Overlay // $off-canvas-overlay-transition: background 300ms ease; // $off-canvas-overlay-cursor: pointer; // $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5); @@ -758,14 +770,10 @@ // We use these to controls the style of slide numbers // $orbit-slide-number-bg: rgba(0,0,0,0); // $orbit-slide-number-font-color: #fff; // $orbit-slide-number-padding: rem-calc(5); -// We use these to controls the css animation -// $orbit-animation-speed: 500ms; -// $orbit-animation-ease: ease-in-out; - // Hide controls on small // $orbit-nav-hide-for-small: true; // $orbit-bullet-hide-for-small: true; // $orbit-timer-hide-for-small: true; @@ -1167,10 +1175,11 @@ // $tooltip-close-font-color: #777; // $tooltip-font-size-sml: rem-calc(14); // $tooltip-radius: $global-radius; // $tooltip-rounded: $global-rounded; // $tooltip-pip-size: 5px; +// $tooltip-max-width: 300px; // // TOP BAR // @@ -1204,10 +1213,10 @@ // $topbar-link-color-active-hover: #fff; // $topbar-link-weight: $font-weight-normal; // $topbar-link-font-size: rem-calc(13); // $topbar-link-hover-lightness: -10%; // Darken by 10% // $topbar-link-bg: $topbar-bg; -// $topbar-link-bg-color-hover: #272727; +// $topbar-link-bg-color-hover: #555555; // $topbar-link-bg-hover: #272727; // $topbar-link-bg-active: $primary-color; // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); // $topbar-link-font-family: $body-font-family; // $topbar-link-text-transform: none;