heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Switch from using max-width media classifiers to min-width

Browse Source
This commit is contained in:
Joseph Hutchinson
2018-03-16 10:37:30 -04:00
parent e03f06b38f
commit 6d6a70e705
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
static/css/style.css
View File

@@ -1,7 +1,7 @@
body { body {
font-family: 'LatoLatinWeb', Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-family: 'LatoLatinWeb', Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #3A3B3C; color: #3A3B3C;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -74,8 +74,24 @@ tr:nth-child(even) td {
background: #f3f3f3; background: #f3f3f3;
} }
@media (max-width: 768px) { /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
body { body {
font-size: 1rem; font-size: 1.125rem;
} }
} }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}