ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make media queries mobile first

Browse Source
This commit is contained in:
Mark Eaton
2021-04-23 16:10:56 -04:00
parent 9a0cbc0558
commit 3f1065c15d
1 changed files with 65 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-js-css.html
+65 -81
View File
@@ -267,87 +267,8 @@ a.no-underline {
/* media queries */
@media only screen and (min-width: 992px) {
#kb-cuny-logo {
max-width: 30%;
margin-top: 10px;
}
@media only screen and (min-width: 1px) {
#library-logo {
float: right;
max-width: 60%;
margin-top: -70px;
margin-right: -80px;
}
#corona-alert {
margin: -50px 6px 0px 12px;
}
.form-width {
width: 350px;
}
#lighthouse-logo {
display: inline-block;
}
.library-address {
display: inline-block;
margin: 0px 30px;
font-size: 1.1em;
vertical-align: -50px;
}
#cuny-logo {
float: right;
}
.libapps {
float: right;
clear: right;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#library-logo {
max-width: 100%;
}
#kb-cuny-logo {
max-width: 100%;
}
#corona-alert {
margin: -25px 6px 0px 12px;
}
.form-width {
width: 220px;
}
#lighthouse-logo {
display: inline-block;
}
.library-address {
display: inline-block;
margin: 0px 30px;
font-size: 1.1em;
vertical-align: -50px;
}
#cuny-logo {
float: right;
}
.libapps {
float: right;
clear: right;
}
}
@media only screen and (max-width: 767px) {
#library-logo {
max-width: 100%;
}
@@ -392,9 +313,72 @@ a.no-underline {
}
}
@media only screen and (min-width: 1200px) {
@media only screen and (min-width: 767px) {
.form-width {
width: 220px;
}
.zero-margin {
margin: 0px -2px;
}
.nav-by-jumbotron {
margin-top: 0px !important;
}
#lighthouse-logo {
display: inline-block;
float: left;
}
#main-blue-footer {
min-height: 210px;
}
.library-address {
display: inline-block;
margin: -10px 30px;
font-size: 1.1em;
}
#cuny-logo {
float: right;
clear: none;
margin: -10px 0px;
}
.libapps {
float: right;
clear: both;
}
}
@media only screen and (min-width: 992px) {
#kb-cuny-logo {
max-width: 30%;
margin-top: 10px;
}
#library-logo {
float: right;
max-width: 60%;
margin-top: -70px;
margin-right: -80px;
}
#corona-alert {
margin: -50px 6px 0px 12px;
}
.form-width {
width: 350px;
}
}
@media only screen and (min-width: 1200px) {
#kb-cuny-logo {
margin-top: 25px;
}
}