Skip to content

Instantly share code, notes, and snippets.

@jspaper
Last active August 29, 2015 13:56
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jspaper/8949355 to your computer and use it in GitHub Desktop.
Save jspaper/8949355 to your computer and use it in GitHub Desktop.
compass helpers
@include text-overflow;
@include text-shadow(0 -1px 1px #21272B);
@include border-radius(2px, 2px);
@include border-bottom-left-radius(8px);
@include box-shadow(rgba(0, 0, 0, 0.05) 3px 3px 5px);
@include single-box-shadow(rgba(0, 0, 0, 0.075), 0, 0, 3px);
@include single-transition(opacity, 0.2s, linear, 0s);
@include background(linear-gradient($color-btn, darken($color-btn, 10%)));
@include background-image(linear-gradient(lighten($color-btn, 5%), darken($color-btn, 15%)));
@include background-image(none);
@include unstyled;
@include unstyled-link;
@include no-bullet;
@include clearfix;
@include horizontal-list;
ul.users{
@include inline-block-list-container;
li.user{
@include inline-block-list-item;
width: 400px;
height: 130px;
}
}
.wysihtml5-editor{
//.....
}
.my-editor{
@extend .wysihtml5-editor; // Extend from the other class
padding: 20px;
}
// Sprites
@import "social16/*.png";
@include all-social16-sprites;
.social16-sprite{
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
}
@import "irregular/*.png";
.support-us {
@include irregular-sprite(support-us);
width: 462px;
height: 15px;
display: inline-block;
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment