Switch back to smaller fonts.
Looks better on mobile and desktop.
This commit is contained in:
parent
a5bd2f0292
commit
238a99be42
|
@ -6,13 +6,13 @@
|
||||||
@import "compass/typography/links/hover-link";
|
@import "compass/typography/links/hover-link";
|
||||||
@import "compass/typography/vertical_rhythm";
|
@import "compass/typography/vertical_rhythm";
|
||||||
|
|
||||||
$base-font-size: 20px;
|
|
||||||
$base-line-height: 30px;
|
|
||||||
$break-point: 45em;
|
$break-point: 45em;
|
||||||
$bg-color: #EEEEEE;
|
$bg-color: #EEEEEE;
|
||||||
$main-color: #2196F3;
|
$main-color: #2196F3;
|
||||||
$acc-color: #C51162;
|
$acc-color: #C51162;
|
||||||
|
|
||||||
|
$base-font-size: 16px;
|
||||||
|
$base-line-height: 24px;
|
||||||
@include establish-baseline;
|
@include establish-baseline;
|
||||||
|
|
||||||
$text-pad: rhythm(0.5);
|
$text-pad: rhythm(0.5);
|
||||||
|
@ -67,7 +67,7 @@ body {
|
||||||
margin: $text-pad;
|
margin: $text-pad;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 700px) {
|
@media all and (max-width: $break-point) {
|
||||||
.container > * {
|
.container > * {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue