Skip to content

Instantly share code, notes, and snippets.

View stephencostello's full-sized avatar

Stephen Costello stephencostello

View GitHub Profile
@jacurtis
jacurtis / _spacing-helpers.scss
Last active April 15, 2024 12:05
SASS Margin and Padding Helpers Loop. Generates .m-t-10 type helper classes.
/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:
.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels
@Eomerx
Eomerx / sass-space.scss
Last active July 26, 2022 14:53
SASS Space - Responsive CSS Positining Classes built with SASS
// change to false if its not imported into bootstrap
$use-bootstrap: false;
// margin and padding values array
$space-values : (
5,
10,
15,
20,
30,