36 lines
511 B
SCSS
36 lines
511 B
SCSS
@mixin standard-shadow {
|
|
box-shadow: 0 4px 0 $shadow;
|
|
}
|
|
|
|
@mixin card {
|
|
@include standard-shadow;
|
|
border-radius: 5px;
|
|
background: white;
|
|
padding: 30px;
|
|
box-shadow: 0 4px 0 $shadow;
|
|
}
|
|
|
|
@mixin single-col {
|
|
@include card;
|
|
max-width: 500px;
|
|
}
|
|
|
|
@mixin outer-container {
|
|
@include clearfix;
|
|
box-sizing: border-box;
|
|
margin: {
|
|
left: auto;
|
|
right: auto;
|
|
}
|
|
|
|
*,::after,::before {
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
@mixin media($query) {
|
|
@media screen and (min-width: $query) {
|
|
@content;
|
|
}
|
|
}
|