2014-07-09 09:46:24 +09:00
|
|
|
$grid-unit:70px;
|
2014-08-05 12:25:26 +09:00
|
|
|
$grid-margin:10px;
|
2014-07-09 09:46:24 +09:00
|
|
|
$grid-padding:15px;
|
|
|
|
$break-small:500px;
|
|
|
|
|
2015-03-22 11:56:06 +09:00
|
|
|
$small-break: 600px;
|
|
|
|
$medium-break: 800px;
|
2014-07-09 09:46:24 +09:00
|
|
|
|
|
|
|
@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;
|
|
|
|
}
|
|
|
|
}
|