layout mobile styles
This commit is contained in:
parent
8dff8a8b6a
commit
8b1bf895de
|
@ -16,7 +16,7 @@ $mono-font: Monaco, "Lucida Console", monospace;
|
|||
|
||||
$unit: 8px;
|
||||
$phone-breakpoint: 480px;
|
||||
$tablet-breakpoint: 900px;
|
||||
$tablet-breakpoint: 780px;
|
||||
|
||||
|
||||
/*
|
||||
|
|
|
@ -49,6 +49,12 @@
|
|||
|
||||
.l-content {
|
||||
padding: ($unit * 8) ($unit * 12);
|
||||
|
||||
@media handheld and (max-width: $phone-breakpoint),
|
||||
screen and (max-device-width: $phone-breakpoint),
|
||||
screen and (max-width: $tablet-breakpoint) {
|
||||
padding: ($unit * 3);
|
||||
}
|
||||
}
|
||||
|
||||
.l-content-block {
|
||||
|
|
Loading…
Reference in New Issue