lib/generators/foundation/templates/_settings.scss in foundation-rails-6.5.3.0 vs lib/generators/foundation/templates/_settings.scss in foundation-rails-6.6.1.0

- old
+ new

@@ -96,13 +96,13 @@ $global-flexbox: true; $global-prototype-breakpoints: false; $global-button-cursor: auto; $global-color-pick-contrast-tolerance: 0; $print-transparent-backgrounds: true; +$print-hrefs: true; @include add-foundation-colors; -$print-hrefs: true; // 2. Breakpoints // -------------- $breakpoints: ( @@ -110,10 +110,17 @@ medium: 640px, large: 1024px, xlarge: 1200px, xxlarge: 1440px, ); +$breakpoints-hidpi: ( + hidpi-1: 1, + hidpi-1-5: 1.5, + hidpi-2: 2, + retina: 2, + hidpi-3: 3 +); $print-breakpoint: large; $breakpoint-classes: (small medium large); // 3. The Grid // ----------- @@ -160,16 +167,11 @@ $small-font-size: 80%; $header-small-font-color: $medium-gray; $paragraph-lineheight: 1.6; $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); +$enable-code-inline: true; $anchor-color: $primary-color; $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); $anchor-text-decoration: none; $anchor-text-decoration-hover: none; $hr-width: $global-width; @@ -185,13 +187,11 @@ $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; -$cite-pseudo-content: '\2014 \0020'; +$enable-cite-block: true; $keystroke-font: $font-family-monospace; $keystroke-color: $black; $keystroke-background: $light-gray; $keystroke-padding: rem-calc(2 4 0); $keystroke-radius: $global-radius; @@ -206,10 +206,21 @@ $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; +$cite-color: $dark-gray; +$cite-font-size: rem-calc(13); +$cite-pseudo-content: '\2014 \0020'; +$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); +$code-block-padding: 1rem; +$code-block-margin-bottom: 1.5rem; // 6. Abide // -------- $abide-inputs: true; @@ -223,10 +234,12 @@ // 7. Accordion // ------------ $accordion-background: $white; $accordion-plusminus: true; +$accordion-plus-content: '\002B'; +$accordion-minus-content: '\2013'; $accordion-title-font-size: rem-calc(12); $accordion-item-color: $primary-color; $accordion-item-background-hover: $light-gray; $accordion-item-padding: 1.25rem 1rem; $accordion-content-background: $white; @@ -278,18 +291,20 @@ // 11. Button // ---------- $button-font-family: inherit; +$button-font-weight: null; $button-padding: 0.85em 1em; $button-margin: 0 0 $global-margin 0; $button-fill: solid; $button-background: $primary-color; $button-background-hover: scale-color($button-background, $lightness: -15%); $button-color: $white; $button-color-alt: $black; $button-radius: $global-radius; +$button-border: 1px solid transparent; $button-hollow-border-width: 1px; $button-sizes: ( tiny: 0.6rem, small: 0.75rem, default: 0.9rem, @@ -316,11 +331,15 @@ $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-sizes: ( + small: 0.5rem, + default: 1rem, + large: 3rem, +); $callout-font-color: $body-font-color; $callout-font-color-alt: $body-background; $callout-radius: $global-radius; $callout-link-tint: 30%; @@ -338,10 +357,12 @@ // 15. Close Button // ---------------- $closebutton-position: right top; +$closebutton-z-index: 10; +$closebutton-default-size: medium; $closebutton-offset-horizontal: ( small: 0.66rem, medium: 1rem, ); $closebutton-offset-vertical: ( @@ -473,10 +494,11 @@ $menu-margin: 0; $menu-nested-margin: $global-menu-nested-margin; $menu-items-padding: $global-menu-padding; $menu-simple-margin: 1rem; $menu-item-color-active: $white; +$menu-item-color-alt-active: $black; $menu-item-background-active: get-color(primary); $menu-icon-spacing: 0.25rem; $menu-state-back-compat: true; $menu-centered-back-compat: true; $menu-icons-back-compat: true; @@ -544,10 +566,12 @@ $pagination-item-color-disabled: $medium-gray; $pagination-ellipsis-color: $black; $pagination-mobile-items: false; $pagination-mobile-current-item: false; $pagination-arrows: true; +$pagination-arrow-previous: '\00AB'; +$pagination-arrow-next: '\00BB'; // 28. Progress Bar // ---------------- $progress-height: 1rem; @@ -765,9 +789,11 @@ $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; +$switch-opacity-disabled: .5; +$switch-cursor-disabled: not-allowed; // 50. Table // --------- $table-background: $white;