+ style .content-full, + mobile style content
This commit is contained in:
1 parent
994c7f0602
commit
009211e13c
1 file changed
+28
-2
+28
-2
@@ -1,7 +1,11 @@
|
||||
@import "variables";
|
||||
|
||||
.content {
|
||||
margin: $single-margin auto 0;
|
||||
margin: 0 auto;
|
||||
|
||||
&.content_full{
|
||||
width: $content-full;
|
||||
}
|
||||
|
||||
&.content_wide{
|
||||
width: $content-wide;
|
||||
@@ -14,4 +18,26 @@
|
||||
&.content_thin{
|
||||
width: $content-thin;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $mobile-width) {
|
||||
$content-mobile: 95%;
|
||||
|
||||
.content {
|
||||
&.content_full{
|
||||
width: $content-mobile;
|
||||
}
|
||||
|
||||
&.content_wide{
|
||||
width: $content-mobile;
|
||||
}
|
||||
|
||||
&.content_semi-wide{
|
||||
width: $content-mobile;
|
||||
}
|
||||
|
||||
&.content_thin{
|
||||
width: $content-mobile;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user