Vulcan/packages/telescope-theme-hubble/lib/client/scss/partials/_grid.scss

53 lines
849 B
SCSS
Raw Normal View History

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;
}
}
2012-08-25 11:20:17 +09:00
2014-07-09 09:46:24 +09:00
.content-wrapper{
@include small{
overflow-x: hidden;
}
2014-07-09 09:46:24 +09:00
}
2012-08-25 11:20:17 +09:00
.grid{
2014-07-09 09:46:24 +09:00
width:100%;
margin-left: auto;
margin-right: auto;
2012-08-25 11:20:17 +09:00
}
2014-09-25 09:14:55 +09:00
.grid-small, .at-form{
2014-07-10 11:45:34 +09:00
width: 100%;
2014-08-12 17:11:36 +09:00
@include medium-large{
2014-08-20 17:51:28 +09:00
max-width:500px;
2014-08-12 17:11:36 +09:00
}
2014-09-25 09:14:55 +09:00
margin-left: auto;
margin-right: auto;
2012-08-25 11:20:17 +09:00
}