mirror of
https://github.com/vale981/Vulcan
synced 2025-03-10 12:36:39 -04:00
51 lines
819 B
SCSS
51 lines
819 B
SCSS
$grid-unit:70px;
|
|
$grid-margin:10px;
|
|
$grid-padding:15px;
|
|
$break-small:500px;
|
|
|
|
$small-break: 30em;
|
|
$medium-break: 50em;
|
|
|
|
@mixin small(){
|
|
@media screen and (max-width: $small-break) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin small-medium(){
|
|
@media screen and (max-width: $medium-break) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin medium(){
|
|
@media screen and (min-width: $small-break) and (max-width: $medium-break) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin medium-large(){
|
|
@media screen and (min-width: $small-break) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin large(){
|
|
@media screen and (min-width: $medium-break) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
.content-wrapper{
|
|
padding: 0 10px;
|
|
@include small{
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
.grid{
|
|
width:100%;
|
|
max-width: 1000px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.grid-small{
|
|
width: 100%;
|
|
max-width:320px;
|
|
margin:0 auto;
|
|
}
|