When I try to change the font and colour in my css I get this error. How can I get the font and colour to change and remove this error? No idea what it means and no idea how to get around it. I fairly new to this, so it is causing headches.
Error: Undefined variable: "$global-margin".
on line 264 of src/assets/scss/_settings.scss
from line 3 of src/assets/scss/app.scss
>> $breadcrumbs-margin: 0 0 $global-margin 0;
Thanks in advance.
@charset 'utf-8'; @import 'settings'; @import 'foundation'; @import 'motion-ui'; @import 'https://fonts.googleapis.com/css?family=Bellefair|Lato:400,700,900'; @include foundation-global-styles; // @include foundation-grid; // @include foundation-flex-grid; // @include foundation-xy-grid-classes; @include foundation-typography; @include foundation-button; @include foundation-forms; // @include foundation-range-input; @include foundation-accordion; @include foundation-accordion-menu; @include foundation-badge; @include foundation-breadcrumbs; @include foundation-button-group; @include foundation-callout; @include foundation-card; @include foundation-close-button; @include foundation-menu; @include foundation-menu-icon; @include foundation-drilldown-menu; @include foundation-dropdown; @include foundation-dropdown-menu; @include foundation-responsive-embed; @include foundation-label; @include foundation-media-object; @include foundation-off-canvas; @include foundation-orbit; @include foundation-pagination; @include foundation-progress-bar; @include foundation-slider; @include foundation-sticky; @include foundation-reveal; @include foundation-switch; @include foundation-table; @include foundation-tabs; @include foundation-thumbnail; @include foundation-title-bar; @include foundation-tooltip; @include foundation-top-bar; @include foundation-visibility-classes; // @include foundation-float-classes; @include foundation-flex-classes; // @include foundation-prototype-classes; @include motion-ui-transitions; @include motion-ui-animations; @import 'custom';
// 9. Badge // -------- $badge-background: $primary-color; $badge-color: $white; $badge-color-alt: $black; $badge-palette: $foundation-palette; $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-separator: true; $breadcrumbs-item-separator-item: '/'; $breadcrumbs-item-separator-item-rtl: '\\'; $breadcrumbs-item-separator-color: $medium-gray;