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:
committed by
Chauncey McAskill
parent
3c95ab0c46
commit
2ac2d523cc
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user