Changeset View
Changeset View
Standalone View
Standalone View
src/assets/scss/_settings.scss
| Show First 20 Lines • Show All 63 Lines • ▼ Show 20 Lines | |||||
| // 1. Global | // 1. Global | ||||
| // --------- | // --------- | ||||
| $global-font-size: 100%; | $global-font-size: 100%; | ||||
| $global-width: rem-calc(1200); | $global-width: rem-calc(1200); | ||||
| $global-lineheight: 1.5; | $global-lineheight: 1.5; | ||||
| $foundation-palette: ( | $foundation-palette: ( | ||||
| primary: #1779ba, | primary: #374c7b, | ||||
| secondary: #767676, | secondary: #767676, | ||||
| success: #3adb76, | success: #3adb76, | ||||
| warning: #ffae00, | warning: #ffae00, | ||||
| alert: #cc4b37, | alert: #cc4b37, | ||||
| ); | ); | ||||
| $light-gray: #e6e6e6; | $light-gray: #e6e6e6; | ||||
| $medium-gray: #cacaca; | $medium-gray: #cacaca; | ||||
| $dark-gray: #8a8a8a; | $dark-gray: #8a8a8a; | ||||
| $black: #0a0a0a; | $black: #0a0a0a; | ||||
| $white: #fefefe; | $white: #fefefe; | ||||
| $body-background: $white; | $body-background: $white; | ||||
| $body-font-color: $black; | $body-font-color: $black; | ||||
| $body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; | $body-font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; | ||||
| $body-safe-padding: false; | $body-safe-padding: false; | ||||
| $body-antialiased: true; | $body-antialiased: true; | ||||
| $global-margin: 1rem; | $global-margin: 1rem; | ||||
| $global-padding: 1rem; | $global-padding: 1rem; | ||||
| $global-position: 1rem; | $global-position: 1rem; | ||||
| $global-weight-normal: normal; | $global-weight-normal: normal; | ||||
| $global-weight-bold: bold; | $global-weight-bold: bold; | ||||
| $global-radius: 0; | $global-radius: 25% 10%; | ||||
| $global-menu-padding: 0.7rem 1rem; | $global-menu-padding: 0.7rem 1rem; | ||||
| $global-menu-nested-margin: 1rem; | $global-menu-nested-margin: 1rem; | ||||
| $global-text-direction: ltr; | $global-text-direction: ltr; | ||||
| $global-flexbox: true; | $global-flexbox: true; | ||||
| $global-prototype-breakpoints: false; | $global-prototype-breakpoints: false; | ||||
| $global-button-cursor: auto; | $global-button-cursor: auto; | ||||
| $global-color-pick-contrast-tolerance: 0; | $global-color-pick-contrast-tolerance: 0; | ||||
| $print-transparent-backgrounds: true; | $print-transparent-backgrounds: true; | ||||
| Show All 32 Lines | |||||
| ); | ); | ||||
| $grid-column-align-edge: true; | $grid-column-align-edge: true; | ||||
| $grid-column-alias: 'columns'; | $grid-column-alias: 'columns'; | ||||
| $block-grid-max: 8; | $block-grid-max: 8; | ||||
| // 4. Base Typography | // 4. Base Typography | ||||
| // ------------------ | // ------------------ | ||||
| $header-font-family: $body-font-family; | $header-font-family: "Poiret One", $body-font-family; | ||||
| $header-font-weight: $global-weight-normal; | $header-font-weight: $global-weight-normal; | ||||
| $header-font-style: normal; | $header-font-style: normal; | ||||
| $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace; | $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace; | ||||
| $header-color: inherit; | $header-color: inherit; | ||||
| $header-lineheight: 1.4; | $header-lineheight: 1.4; | ||||
| $header-margin-bottom: 0.5rem; | $header-margin-bottom: 0.5rem; | ||||
| $header-styles: ( | $header-styles: ( | ||||
| small: ( | small: ( | ||||
| ▲ Show 20 Lines • Show All 146 Lines • ▼ Show 20 Lines | |||||
| $button-font-weight: null; | $button-font-weight: null; | ||||
| $button-padding: 0.85em 1em; | $button-padding: 0.85em 1em; | ||||
| $button-margin: 0 0 $global-margin 0; | $button-margin: 0 0 $global-margin 0; | ||||
| $button-fill: solid; | $button-fill: solid; | ||||
| $button-background: $primary-color; | $button-background: $primary-color; | ||||
| $button-background-hover: scale-color($button-background, $lightness: -15%); | $button-background-hover: scale-color($button-background, $lightness: -15%); | ||||
| $button-color: $white; | $button-color: $white; | ||||
| $button-color-alt: $black; | $button-color-alt: $black; | ||||
| $button-radius: $global-radius; | $button-radius: 0 0; | ||||
| $button-border: 1px solid transparent; | $button-border: 1px solid transparent; | ||||
| $button-hollow-border-width: 1px; | $button-hollow-border-width: 1px; | ||||
| $button-sizes: ( | $button-sizes: ( | ||||
| tiny: 0.6rem, | tiny: 0.6rem, | ||||
| small: 0.75rem, | small: 0.75rem, | ||||
| default: 0.9rem, | default: 0.9rem, | ||||
| large: 1.25rem, | large: 1.25rem, | ||||
| ); | ); | ||||
| Show All 33 Lines | |||||
| // 14. Card | // 14. Card | ||||
| // -------- | // -------- | ||||
| $card-background: $white; | $card-background: $white; | ||||
| $card-font-color: $body-font-color; | $card-font-color: $body-font-color; | ||||
| $card-divider-background: $light-gray; | $card-divider-background: $light-gray; | ||||
| $card-border: 1px solid $light-gray; | $card-border: 1px solid $light-gray; | ||||
| $card-shadow: none; | $card-shadow: none; | ||||
| $card-border-radius: $global-radius; | $card-border-radius: 0 0 25px 0; | ||||
| $card-padding: $global-padding; | $card-padding: $global-padding; | ||||
| $card-margin-bottom: $global-margin; | $card-margin-bottom: $global-margin; | ||||
| // 15. Close Button | // 15. Close Button | ||||
| // ---------------- | // ---------------- | ||||
| $closebutton-position: right top; | $closebutton-position: right top; | ||||
| $closebutton-z-index: 10; | $closebutton-z-index: 10; | ||||
| ▲ Show 20 Lines • Show All 466 Lines • ▼ Show 20 Lines | |||||
| $tab-content-background: $white; | $tab-content-background: $white; | ||||
| $tab-content-border: $light-gray; | $tab-content-border: $light-gray; | ||||
| $tab-content-color: $body-font-color; | $tab-content-color: $body-font-color; | ||||
| $tab-content-padding: 1rem; | $tab-content-padding: 1rem; | ||||
| // 52. Thumbnail | // 52. Thumbnail | ||||
| // ------------- | // ------------- | ||||
| $thumbnail-border: 4px solid $white; | $thumbnail-border: 3px solid $white; | ||||
| $thumbnail-margin-bottom: $global-margin; | $thumbnail-margin-bottom: $global-margin; | ||||
| $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); | ||||
| $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); | ||||
| $thumbnail-transition: box-shadow 200ms ease-out; | $thumbnail-transition: box-shadow 200ms ease-out; | ||||
| $thumbnail-radius: $global-radius; | $thumbnail-radius: $global-radius; | ||||
| // 53. Title Bar | // 53. Title Bar | ||||
| // ------------- | // ------------- | ||||
| ▲ Show 20 Lines • Show All 48 Lines • Show Last 20 Lines | |||||
Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator