Skip to content

Instantly share code, notes, and snippets.

@krishammons
krishammons / ContentBlock-After.scss
Last active Aug 15, 2018
A simple BEM refactor of layout component
View ContentBlock-After.scss
.ContentBlock {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
// Modifiers
&--withBottomMargin {
margin-bottom: 2rem;
}
// Children elements
&-header {
View compiled-css-transform.css
/* Compiled CSS */
.Block {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
@krishammons
krishammons / bourbon-transform.scss
Last active Jan 21, 2016
Bourbon Transform Example
View bourbon-transform.scss
// Bourbon Tramform Mixin
.Block {
@include transform(translateY(50px));
}