Skip to content

Commit

Permalink
increases nav font size
Browse files Browse the repository at this point in the history
  • Loading branch information
@davelandry
davelandry committed Mar 24, 2016
1 parent cf3b2d1 commit a5b0d35
Show file tree
Hide file tree
Showing 4 changed files with 71 additions and 125 deletions.
4 changes: 4 additions & 0 deletions datausa/assets/scss/elements/_home.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,10 @@ body.home {

}

.menu-content > ul > li > a > h2 {
padding: 0 !important;
}

.close-btn {
display: none;
}
Expand Down
65 changes: 9 additions & 56 deletions datausa/assets/scss/elements/_nav.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ body {
h2 {
font-family: $palanquin !important;
letter-spacing: 0.1em !important;
font-size: 14px !important;
font-size: 18px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
Expand Down Expand Up @@ -169,7 +169,7 @@ body {

a {
margin-left: 13px;
font-size: 12px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
Expand All @@ -187,35 +187,9 @@ body {
h2 {
color: $red-w;
}
// & > h2:after {
// content: unicode("00bb");
// top: -2px;
// position: relative;
// font-family: $pathway;
// font-weight: 400;
// letter-spacing: 0.05em;
// line-height: 1;
// margin-left: 5px;
// }
}
}

// .profile-sum {
// img {
// width: 20px;
// height: 20px;
// padding: 15px 22.5px;
// }
// }
//
// .stories-sum {
// img {
// width: 22px;
// height: 22px;
// padding: 15px 23px;
// }
// }

a {
display: inline-block;

Expand Down Expand Up @@ -522,49 +496,28 @@ body.frozen {
}

#menu {
@include justify(space-around);
@include justify(space-between);
width: 100%;
left: 0;
top: -100%;
height: 100%;
height: 100vh;
@include transition(top 0.7s ease);

&.open {
top: 0;
}

// .profile-sum ul {
// margin-left: 25px !important;
// margin-top: 5px;
// }

}

.hidden {
display: none;
}

body.home {

#menu-btn .bd span {
background: #fff;
}

nav {

#menu {

.profiles-drawer {
display: none;
}

ul {
padding-bottom: 20vh;

li {
margin: 10px 0;
text-align: center;
}
}

}
}
}
}

@import "elements/nav_m";
28 changes: 14 additions & 14 deletions datausa/assets/scss/elements/_nav_m.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
Expand All @@ -17,9 +17,9 @@

}

/* Extra Small Devices, Phones */
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

#search-btn {
position: fixed;
top: 0;
Expand All @@ -41,18 +41,18 @@
display: none;
}

.menu-content {
h2, a img {
padding: 5px 20px;
}

li a > h2 {
font-size: 16px !important;
}
}
// .menu-content {
// h2, a img {
// padding: 5px 20px;
// }
//
// li a > h2 {
// font-size: 16px !important;
// }
// }
}

/* Custom, iPhone Retina */
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
}
99 changes: 44 additions & 55 deletions datausa/static/css/site.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -618,7 +618,7 @@ body.about #home-btn, body.story #home-btn, body.map #home-btn {
.menu-content li h2 {
font-family: "Palanquin", sans-serif !important;
letter-spacing: 0.1em !important;
font-size: 14px !important;
font-size: 18px !important;
font-weight: 600 !important;
text-transform: uppercase !important; }
.menu-content li ul li {
Expand All @@ -633,7 +633,7 @@ body.about #home-btn, body.story #home-btn, body.map #home-btn {
width: 14px; }
.menu-content li ul li a {
margin-left: 13px;
font-size: 12px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
Expand Down Expand Up @@ -906,15 +906,15 @@ body.frozen #menu.open {
z-index: 5;
width: 100vw; }
#menu {
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
flex-pack: distribute;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
flex-pack: justify;
width: 100%;
left: 0;
top: -100%;
height: 100%;
height: 100vh;
-moz-transition: top 0.7s ease;
-o-transition: top 0.7s ease;
-webkit-transition: top 0.7s ease;
Expand All @@ -923,15 +923,6 @@ body.frozen #menu.open {
top: 0; }
.hidden {
display: none; }
body.home #menu-btn .bd span {
background: #fff; }
body.home nav #menu .profiles-drawer {
display: none; }
body.home nav #menu ul {
padding-bottom: 20vh; }
body.home nav #menu ul li {
margin: 10px 0;
text-align: center; }
}
.m-hotspot {
display: none; }
Expand All @@ -952,10 +943,6 @@ body.frozen #menu.open {
z-index: 1; }
#search-btn .search-box {
display: none; }
.menu-content h2, .menu-content a img {
padding: 5px 20px; }
.menu-content li a > h2 {
font-size: 16px !important; }
}
footer {
-webkit-box-sizing: border-box;
Expand Down Expand Up @@ -2365,42 +2352,44 @@ body.home {
height: auto !important;
left: 0 !important;
position: absolute; }
body.home .close-btn {
display: none; }
body.home #top-nav {
position: fixed; }
body.home a {
font-family: "Palanquin", sans-serif;
font-weight: 400; }
body.home .bg {
position: absolute;
top: 0;
width: 100%;
height: 100vh;
background-image: url('/static/img/home/bg/7alt.jpg');
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;
overflow: hidden;
z-index: -11; }
body.home .bg::after {
bottom: 0;
content: "";
body.home .menu-content > ul > li > a > h2 {
padding: 0 !important; }
body.home .close-btn {
display: none; }
body.home #top-nav {
position: fixed; }
body.home a {
font-family: "Palanquin", sans-serif;
font-weight: 400; }
body.home .bg {
position: absolute;
height: 100vh;
top: 0;
width: 100%;
left: 0;
z-index: -1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.15)), to(#141b2e));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0,
0.15) 25%,rgba(20, 27, 46, 0.5) 55%,#141b2e 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.15)', EndColorStr='#141b2e')"; }
height: 100vh;
background-image: url('/static/img/home/bg/7alt.jpg');
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;
overflow: hidden;
z-index: -11; }
body.home .bg::after {
bottom: 0;
content: "";
position: absolute;
height: 100vh;
width: 100%;
left: 0;
z-index: -1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.15)), to(#141b2e));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0,
0.15) 25%,rgba(20, 27, 46, 0.5) 55%,#141b2e 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 25%,rgba(20,
27, 46, 0.5) 55%,#141b2e 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.15)', EndColorStr='#141b2e')"; }
body.home .home-logo {
width: 90%;
text-align: center;
Expand Down

0 comments on commit a5b0d35

Please sign in to comment.