dpaste/client/scss/_mixins.scss
2018-04-13 18:44:33 +02:00

26 lines
586 B
SCSS

// Global padding across all first level elements
@mixin boxPadding($paddingTop: 20px, $paddingBottom: 20px) {
padding: $paddingTop $boxPadding $paddingBottom $boxPadding;
}
// Vertical dotted separtor
@mixin separator($color: white, $margin: 4px) {
width: 0;
border-right: 2px dotted $color;
margin: 0 ($margin+2px) 0 $margin;
}
@mixin colored-links() {
a:link, a:visited {
color: $linkColor;
text-decoration: underline;
text-decoration-color: lighten($linkColor, 30%);
}
a:hover, a:active {
color: $hoverColor;
text-decoration: underline;
}
}