1
0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08: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;
This commit is contained in:
Chauncey McAskill
2016-12-18 15:45:44 -05:00
committed by Chauncey McAskill
parent 3c95ab0c46
commit 2ac2d523cc
41 changed files with 3508 additions and 595 deletions

View File

@@ -1,22 +0,0 @@
// ==========================================================================
// Grid
// ==========================================================================
@mixin grid($grid-gutter: 0) {
margin-left: -$grid-gutter;
letter-spacing: normal;
font-size: 0;
}
.o-grid {
@include grid;
}
@mixin grid_item($grid-gutter: 0) {
display: inline-block;
padding-left: $grid-gutter;
width: 100%;
vertical-align: top;
font-size: 1rem;
}
.o-grid_item {
@include grid_item;
}