adds max-width to content areas
This commit is contained in:
parent
f95ab4707c
commit
c84febaa7a
|
@ -197,6 +197,7 @@ table td {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.docs-content .card-row {
|
.docs-content .card-row {
|
||||||
|
max-width: 1000px;
|
||||||
> div > .card {
|
> div > .card {
|
||||||
margin: $unit ($unit * 3);
|
margin: $unit ($unit * 3);
|
||||||
}
|
}
|
||||||
|
|
|
@ -79,6 +79,8 @@
|
||||||
|
|
||||||
.l-content {
|
.l-content {
|
||||||
padding: ($unit * 8) ($unit * 12);
|
padding: ($unit * 8) ($unit * 12);
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
@media handheld and (max-width: $phone-breakpoint),
|
@media handheld and (max-width: $phone-breakpoint),
|
||||||
screen and (max-device-width: $phone-breakpoint),
|
screen and (max-device-width: $phone-breakpoint),
|
||||||
|
@ -89,6 +91,8 @@
|
||||||
|
|
||||||
.l-content-small {
|
.l-content-small {
|
||||||
padding: $unit * 6;
|
padding: $unit * 6;
|
||||||
|
max-width: 1100px;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
@media handheld and (max-width: $phone-breakpoint),
|
@media handheld and (max-width: $phone-breakpoint),
|
||||||
screen and (max-device-width: $phone-breakpoint),
|
screen and (max-device-width: $phone-breakpoint),
|
||||||
|
|
Loading…
Reference in New Issue