Menu icon Foundation
Exclude components?

Im very new to use sass and have no idea how to remove components, more specific tables.

 

i've tried go trough this like 10x times http://foundation.zurb.com/sites/docs/sass.html.

this is how my site.scss looks like

/*@import "settings/settings";*/
@import "foundation.scss";
@import "components/top-bar";
@import "slicknav";
@import "theme";



/* ==============================================
	Typography
=============================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #252525;
    letter-spacing: 1px;
}
.....

 

i have tried to remove @import 'components/table'; and  @include foundation-table; from foundation.scss.

 

and tried to remove this from _settings.scss

// 31. Table
// ---------

$table-background: $white;
$table-color-scale: 5%;
$table-border: 1px solid smart-scale($table-background, $table-color-scale);
$table-padding: rem-calc(8 10 10);
$table-hover-scale: 2%;
$table-row-hover: darken($table-background, $table-hover-scale);
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
$table-striped-background: smart-scale($table-background, $table-color-scale);
$table-stripe: even;
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
$table-foot-background: smart-scale($table-background, $table-color-scale);
$table-head-font-color: $body-font-color;
$show-header-for-stacked: false;

 

and also, if i include "_settings.scss" i cant compile.

componentsSassscssfoundation 6

Im very new to use sass and have no idea how to remove components, more specific tables.

 

i've tried go trough this like 10x times http://foundation.zurb.com/sites/docs/sass.html.

this is how my site.scss looks like

/*@import "settings/settings";*/
@import "foundation.scss";
@import "components/top-bar";
@import "slicknav";
@import "theme";



/* ==============================================
	Typography
=============================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #252525;
    letter-spacing: 1px;
}
.....

 

i have tried to remove @import 'components/table'; and  @include foundation-table; from foundation.scss.

 

and tried to remove this from _settings.scss

// 31. Table
// ---------

$table-background: $white;
$table-color-scale: 5%;
$table-border: 1px solid smart-scale($table-background, $table-color-scale);
$table-padding: rem-calc(8 10 10);
$table-hover-scale: 2%;
$table-row-hover: darken($table-background, $table-hover-scale);
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
$table-striped-background: smart-scale($table-background, $table-color-scale);
$table-stripe: even;
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
$table-foot-background: smart-scale($table-background, $table-color-scale);
$table-head-font-color: $body-font-color;
$show-header-for-stacked: false;

 

and also, if i include "_settings.scss" i cant compile.

Rafi Benkual about 3 years ago

The default app.scss is already set up to optimize the Sass compiling. It looks like this:

@charset 'utf-8';

@import 'settings';
@import 'foundation';
@import 'motion-ui';

// foundation components

@include foundation-global-styles;
@include foundation-grid;
...

// my custom components
@import "slicknav";

If you follow this format you should be fine. If you need more help, share the Sass error form the terminal.

Eric about 3 years ago

When i installed from NuGet i didnt get an app.scss i made my own site.scss

 

here is my solution explorer https://gyazo.com/fd16c8ad9cc5f59c510dd7788c02f869

 

this is the error i get

Severity	Code	Description	Project	File	Line	Suppression State

Error		File to import not found or unreadable: util/util

Parent style sheet: C:/Users/eric_/Documents/Visual Studio 2015/Projects/sasstest/sasstest/scss/settings/_settings.scss	sasstest 

C:\Users\eric_\Documents\Visual Studio 2015\Projects\sasstest\sasstest\scss\site.scss	43