diff --git a/css/main.less b/css/main.less index 408e5c3..95fe8cc 100644 --- a/css/main.less +++ b/css/main.less @@ -1,7 +1,6 @@ @bg: #111; @fg-mono: contrast(@bg); @fg-color: #e11; -@font-size: 20px; // Override defaults and things a user agent shouldn't choose * { @@ -27,9 +26,9 @@ img { max-height: 100%; } -h1 { font-size: @font-size * 2 } -h2 { font-size: @font-size * 1.5 } -h3 { font-size: @font-size * 1.25 } +h1 { font-size: 2em } +h2 { font-size: 1.5em } +h3 { font-size: 1.25em } html { background: @bg; /* Fallback */ @@ -49,7 +48,7 @@ html { average(@bg, @fg-color) 2% 4% ); color: @fg-mono; - font-size: @font-size; + font-size: 1em; width: 100%; min-width: 200px; min-height: 200px; @@ -119,7 +118,7 @@ html { align-items: center; justify-content: center; text-align: center; - font-size: @font-size * 1.5; + font-size: 1.5em; } } .body { @@ -152,7 +151,7 @@ html { display: inherit; flex-direction: column; .title { - font-size: @font-size * 1.25; + font-size: 1.25em; } } }