Skip to content

Instantly share code, notes, and snippets.

Philip Zastrow zastrow

Block or report user

Report or block zastrow

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@zastrow
zastrow / SassMeister-input.scss
Created Aug 8, 2019 — forked from HugoGiraudel/SassMeister-input.scss
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
////
/// String to number converter
/// @author Hugo Giraudel
/// @access private
////
View Auto add Jira card number to end of commit
function jira-commit() {
branch_name=$((git symbolic-ref HEAD | cut -d'/' -f3) | tr '[:lower:]' '[:upper:]')
git commit -m "$@"$'\n'"${branch_name}";
}
@zastrow
zastrow / Unlink.scss
Created Aug 1, 2018
Mixin to remove the default link styles of an <a>
View Unlink.scss
@zastrow
zastrow / Delist.scss
Created Aug 1, 2018
Removes default list styles from a <ul> or <ol>
View Delist.scss
@mixin delist {
// This removes default list styles
list-style: none;
padding: 0;
margin: 0;
}
@zastrow
zastrow / Unbuttonize Mixin.scss
Last active Nov 7, 2018
Remove Default Button Styles
View Unbuttonize Mixin.scss
@mixin unbuttonize {
// This removes styles added by default to button elements.
// For when something should semantically be a button,
// but isn't buttony in appearance.
background-color: transparent;
border: none;
margin: 0;
padding: 0;
text-align: inherit;
font: inherit;
@zastrow
zastrow / Grid Support Mixin.scss
Created Nov 1, 2017
Microsoft Edge 15 down support an older spec of CSS grid which can cause some layout issues, this mixin utilizes a compound @supports query to weed out this issue.
View Grid Support Mixin.scss
// Microsoft Edge 15 down support an older spec of CSS grid
// which can cause some layout issues, this mixin utilizes
// a compound @supports query to weed out this issue.
@mixin grid-support {
@supports (display: grid) and (not (display: -ms-grid)) {
@content;
}
}
@zastrow
zastrow / grayscale.scss
Created Apr 5, 2017
Simple color function for defining grays with Sass
View grayscale.scss
// Grayscale
@function gray($level) {
@if $level == 0 {
@return white;
}
@else if $level == 100 {
@return black;
}
@else {
@return darken(white, $level * 1%);;
@zastrow
zastrow / SassMeister-input-HTML.html
Created Sep 3, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
@zastrow
zastrow / SassMeister-input-HTML.html
Created Sep 3, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<p>Phasellus nisi metus, posuere eu velit ac, semper rhoncus diam. Integer consequat, lacus et dictum auctor, sem lacus consequat libero, quis imperdiet risus dui eu ex. Sed imperdiet tortor quis nunc faucibus, quis commodo nisl dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut dictum augue commodo, dignissim tortor ut, aliquet dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris efficitur congue diam, iaculis sodales tortor iaculis eget. Praesent eu egestas sem, ac facilisis leo. Integer luctus mi in eleifend tempor.</p>
<p>Curabitur magna erat, sollicitudin ac aliquam sit amet, egestas ut est. Fusce nibh enim, convallis ut volutpat molestie, maximus sed ipsum. Nam tempus ex eu diam posuere, a placerat ante ornare. Nulla quam ipsum, tincidunt nec tincidunt a, aliquam eu elit. Aliquam sit amet nibh nibh. Nam auctor elit nulla, eget facilisis felis volutpat vel. Integer tempor malesuada ultricies. Praesent in
@zastrow
zastrow / SassMeister-input-HTML.html
Created Sep 3, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<a href="#" class="feature-class">Feature Link</a>
<div class="parent-class">
<a href="#" class="feature-class">Feature Link with Parent</a>
</div>
You can’t perform that action at this time.