assets/styles/settings/_config.scss

// ==========================================================================
// Settings / Config
// ==========================================================================

// Context
// =============================================================================

// The current stylesheet context. Available values: frontend, editor.
$context: frontend  !default;

// Path is relative to the stylesheets directory.
$assets-path: "../"  !default;

// Typography
// =============================================================================

// Base
$font-size:     16px;
$line-height:   math.div(24px, $font-size);
$font-color:    colorCode(darkest);

// Weights
$font-weight-light:     300;
$font-weight-normal:    400;
$font-weight-medium:    500;
$font-weight-bold:      700;

// Transition defaults
// =============================================================================
$speed:     t(normal);
$easing:    ease("power2.out");

// Spacing Units
// =============================================================================
$unit:        60px;
$unit-small:  20px;
$vw-viewport: 1440;

// Container
// ==========================================================================
$padding:     $unit;

// Grid
// ==========================================================================
$base-column-nb: 12;
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// ==========================================================================`
			`// Settings / Config`
			`// ==========================================================================`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00
Add context to config, removed from core 2017-02-08 12:08:34 -05:00			`// Context`
			`// =============================================================================`
Standardize scss comments 2022-05-12 16:15:44 +02:00
Add context to config, removed from core 2017-02-08 12:08:34 -05:00			`// The current stylesheet context. Available values: frontend, editor.`
			`$context: frontend !default;`

			`// Path is relative to the stylesheets directory.`
Fix alignment 2017-04-27 16:00:45 -04:00			`$assets-path: "../" !default;`
Add context to config, removed from core 2017-02-08 12:08:34 -05:00
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00			`// Typography`
			`// =============================================================================`
Standardize scss comments 2022-05-12 16:15:44 +02:00
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// Base`
Add dedicated scss config files 2023-06-08 11:48:00 +02:00			`$font-size: 16px;`
Bump node-version & upgrade node-sass to sass 2023-01-31 13:57:51 -05:00			`$line-height: math.div(24px, $font-size);`
Upgrade sass package to v1.79 (#183) * Update sass to v1.79 * Fix broken node_modules import * Fix conflict with new sass color() function color() -> colorCode() * build:styles - Remove deprecated sass.render() * build:styles - remove infile + outfile from sass.compile options 2024-10-16 10:07:10 -04:00			`$font-color: colorCode(darkest);`
Standardize scss comments 2022-05-12 16:15:44 +02:00
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// Weights`
Update scss semicolon spacings 2022-05-25 13:47:45 +02:00			`$font-weight-light: 300;`
			`$font-weight-normal: 400;`
			`$font-weight-medium: 500;`
			`$font-weight-bold: 700;`
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00
Update eases names to match gsap / Add default vars for z-indexes, timings and eases 2023-09-05 09:31:56 +02:00			`// Transition defaults`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00			`// =============================================================================`
Add dedicated scss config files 2023-06-08 11:48:00 +02:00			`$speed: t(normal);`
Update eases names to match gsap / Add default vars for z-indexes, timings and eases 2023-09-05 09:31:56 +02:00			`$easing: ease("power2.out");`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// Spacing Units`
			`// =============================================================================`
Add clamp-with-max & size-clamp sass functions 2024-03-26 11:41:23 -04:00			`$unit: 60px;`
			`$unit-small: 20px;`
			`$vw-viewport: 1440;`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// Container`
Remove unused `$container-width` SCSS variable 2022-04-28 15:36:56 -04:00			`// ==========================================================================`
Add clamp-with-max & size-clamp sass functions 2024-03-26 11:41:23 -04:00			`$padding: $unit;`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00
Add css grid system base styles 2022-03-24 17:54:53 -04:00			`// Grid`
			`// ==========================================================================`
			`$base-column-nb: 12;`