Skip to content

Instantly share code, notes, and snippets.

View zastrow's full-sized avatar
🦄
Making the Web a magical place

Philip Zastrow zastrow

🦄
Making the Web a magical place
View GitHub Profile
@for $space from 0 through $spacing-limit {
$value: $space + rem;
.util-pad {
@include spacing-loop("padding", $space, $value);
}
.util-margin {
@include spacing-loop("margin", $space, $value);
}
}
@for $space from 0 through $spacing-limit {
$value: $space + rem;
.util-pad {
}
.util-margin {
}
}
@for $space from 0 through $spacing-limit {
$value: $space + rem;
}
@for $space from 0 through $spacing-limit {
}
$spacing-key: (
"top": "top",
"right": "right",
"left": "left",
"btm": "bottom",
"all": null,
"vert": null,
"horiz": null
);
@mixin spacing-loop($property, $space, $value) {
@each $poskey, $posvalue in $spacing-key {
&-#{$poskey}-#{$space} {
@if $poskey == "all" {
#{$property}: $value;
}
@else if $poskey == "vert" {
#{$property}-top: $value;
#{$property}-bottom: $value;
}
$spacing-limit: 4;
function jira-commit() {
branch_name=$((git symbolic-ref HEAD | cut -d'/' -f3) | tr '[:lower:]' '[:upper:]')
git commit -m "$@"$'\n'"${branch_name}";
}
@zastrow
zastrow / CSS Grid System.css
Last active March 4, 2022 13:02
Generated by SassMeister.com.
.obj-grid {
display: grid;
grid-gap: 1.25rem;
grid-template-columns: repeat(12, 1fr);
}
.obj-grid .obj-grid__1-12 {
width: auto;
grid-column: span 1;
}
@zastrow
zastrow / SassMeister-input.scss
Created September 14, 2018 15:24
Generated by SassMeister.com.
// ----
// libsass (v3.5.4)
// ----
// Grayscale Maker
// Add a number and this will make a gray by
// darken white that percentage.
@function gray($level) {
@if $level == 0 {
@return white;