Browse Source

fix(assets/css): normalize base font-size, large screens

Josh Habdas 10 months ago
parent
commit
912ec97355
Signed by: Josh Habdas <jhabdas@protonmail.com> GPG Key ID: B148B31154C75A74
1 changed files with 4 additions and 9 deletions
  1. 4
    9
      assets/css/theme.css

+ 4
- 9
assets/css/theme.css View File

@@ -1,6 +1,6 @@
1 1
 :root {
2 2
   scroll-behavior: smooth;
3
-  --screen-size-small: 30em; /* breakpoint reference only */
3
+  --screen-size-small: 768px; /* breakpoint reference only */
4 4
 }
5 5
 @keyframes intro {
6 6
   0% { opacity: 0 }; 100% { opacity: 1 }
@@ -46,8 +46,7 @@ footer time[datetime$="M"]:before {
46 46
 body > footer p.muted {
47 47
   margin-bottom: 0;
48 48
 }
49
-@media only screen
50
-  and ( max-width: 30em ) {
49
+@media only screen and (max-width: 768px) {
51 50
   footer time[datetime$="M"] {
52 51
     display: none;
53 52
   }
@@ -98,10 +97,6 @@ select.form-control,
98 97
 html {
99 98
   font-size: 13px;
100 99
 }
101
-.hack pre,
102
-.hack samp {
103
-  font-size: 17px;
104
-}
105 100
 .hack .form input,
106 101
 .hack .form textarea,
107 102
 .hack .form button,
@@ -146,9 +141,9 @@ table a {
146 141
 img {
147 142
   max-width: 100%;
148 143
 }
149
-@media screen and (min-width: 768px) {
144
+@media only screen and (min-width: 768px) {
150 145
   html {
151
-    font-size: 1em;
146
+    font-size: 16px;
152 147
   }
153 148
   .container {
154 149
     max-width: 50rem;

Loading…
Cancel
Save