mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
29b9777a96
https://sass-lang.com/documentation/breaking-changes/slash-div > Sass currently treats / as a division operation in some contexts and a separator in others. This makes it difficult for Sass users to tell what any given / will mean, and makes it hard to work with new CSS features that use / as a separator. There's a handy migrator: npm install -g sass-migrator sass-migrator division **/*.scss And it cleverly avoids the need for the ugly division method in most cases.
49 lines
1.0 KiB
SCSS
49 lines
1.0 KiB
SCSS
@import "~foundation-sites/scss/foundation/components/global";
|
|
|
|
// Brand guide colours:
|
|
// International: #81c26e
|
|
// Australia: #f35746
|
|
// Africa: #f35e32
|
|
// South Africa: #f9a72b
|
|
// Norway: #4b83cc
|
|
// Scandanavia: #0c8bbc
|
|
// UK: #e6373f
|
|
|
|
$brand-colour: #f27052;
|
|
|
|
// Topbar
|
|
$topbar-height: rem-calc(64);
|
|
$topbar-link-padding: $topbar-height * 0.25;
|
|
$topbar-arrows: false;
|
|
|
|
$topbar-bg: $white;
|
|
$topbar-bg-color: $topbar-bg;
|
|
|
|
$topbar-link-color: $black;
|
|
$topbar-link-color-hover: $brand-colour;
|
|
$topbar-link-color-active: $black;
|
|
$topbar-link-color-active-hover: $white;
|
|
$topbar-link-bg-hover: $white;
|
|
|
|
$topbar-dropdown-link-color: $black;
|
|
$topbar-dropdown-bg: $white;
|
|
$topbar-dropdown-link-bg: $white;
|
|
$topbar-dropdown-link-bg-hover: $white;
|
|
|
|
$mobile-nav-height: 2.8em;
|
|
|
|
$sidebar-small-width: 75%;
|
|
$sidebar-medium-width: 65%;
|
|
$sidebar-large-width: 45%;
|
|
$sidebar-footer-height: 5em;
|
|
|
|
$radius-small: 0.25em;
|
|
$radius-medium: 0.5em;
|
|
|
|
$shop-sidebar-overlay: rgba(0, 0, 0, 0.5);
|
|
$transition-sidebar: 250ms ease-in-out 0s;
|
|
|
|
$padding-small: 0.5rem;
|
|
|
|
$text-xs: 0.75rem;
|