Skip to content

Instantly share code, notes, and snippets.

@fernandofuly
Created July 28, 2016 03:25
Show Gist options
  • Save fernandofuly/f8cb2c7efb4fb3146d66df350ac23c79 to your computer and use it in GitHub Desktop.
Save fernandofuly/f8cb2c7efb4fb3146d66df350ac23c79 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
/* Mixins */
@mixin featured {
font-size: 120%;
font-weight: bold;
border-color: #ff0000;
}
.section {
@include featured;
}
@mixin round($radius: 5px) {
border-radius: $radius;
@include featured;
}
.button {
@include round(10em);
}
.another-button {
@include round;
}
@mixin border-box {
* {
border-box: box-sizing;
}
}
@include border-box;
@mixin box-shadow($args...) {
-webkit-box-shadow: $args;
box-shadow: $args;
}
.element {
@include box-shadow(1px 1px 5px 0 #000);
}
.element-2 {
@include box-shadow(1px 1px 5px 0 #000, 2px 10px 15px rgba(0, 0, 0, .5));
}
/* Mixins */
.section {
font-size: 120%;
font-weight: bold;
border-color: #ff0000;
}
.button {
border-radius: 10em;
font-size: 120%;
font-weight: bold;
border-color: #ff0000;
}
.another-button {
border-radius: 5px;
font-size: 120%;
font-weight: bold;
border-color: #ff0000;
}
* {
border-box: box-sizing;
}
.element {
-webkit-box-shadow: 1px 1px 5px 0 #000;
box-shadow: 1px 1px 5px 0 #000;
}
.element-2 {
-webkit-box-shadow: 1px 1px 5px 0 #000, 2px 10px 15px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px 0 #000, 2px 10px 15px rgba(0, 0, 0, 0.5);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment