lots of fixes and polishing
This commit is contained in:
parent
3cc8fae333
commit
714086a312
8 changed files with 118 additions and 109 deletions
|
@ -157,7 +157,7 @@ b, strong, label, th {
|
||||||
.header-image .listing-row:last-child {
|
.header-image .listing-row:last-child {
|
||||||
margin-bottom: 2rem; }
|
margin-bottom: 2rem; }
|
||||||
.header-image #body .flush-top {
|
.header-image #body .flush-top {
|
||||||
margin-top: -16.5rem;
|
margin-top: -15.5rem;
|
||||||
padding-top: 16rem; }
|
padding-top: 16rem; }
|
||||||
.header-image #breadcrumbs {
|
.header-image #breadcrumbs {
|
||||||
margin-top: 1rem; }
|
margin-top: 1rem; }
|
||||||
|
@ -176,7 +176,7 @@ b, strong, label, th {
|
||||||
color: #558042; }
|
color: #558042; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||||
font-weight: 400; }
|
font-weight: 400; }
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
@ -193,7 +193,8 @@ h1 {
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-transform: uppercase; }
|
text-transform: uppercase;
|
||||||
|
font-size: 1.4rem; }
|
||||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||||
h2 {
|
h2 {
|
||||||
font-size: -1rem; } }
|
font-size: -1rem; } }
|
||||||
|
@ -233,7 +234,7 @@ h1 + h2 {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||||
font-weight: 300; }
|
font-weight: 300; }
|
||||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||||
h1 + h2 {
|
h1 + h2 {
|
||||||
|
@ -247,7 +248,7 @@ h2 + h3 {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||||
font-weight: normal; }
|
font-weight: normal; }
|
||||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||||
h2 + h3 {
|
h2 + h3 {
|
||||||
|
@ -674,8 +675,9 @@ ul.pagination {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFFFFF; }
|
color: #FFFFFF; }
|
||||||
.modular .showcase h1 {
|
.modular .showcase h1 {
|
||||||
font-size: 2.5rem;
|
font-size: 2.2rem;
|
||||||
margin-top: 0; }
|
margin-top: 0;
|
||||||
|
text-transform: uppercase; }
|
||||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||||
.modular .showcase h1 {
|
.modular .showcase h1 {
|
||||||
font-size: 3rem; } }
|
font-size: 3rem; } }
|
||||||
|
@ -766,6 +768,8 @@ ul.pagination {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
color: #656161; }
|
color: #656161; }
|
||||||
|
.modular .features hr {
|
||||||
|
margin-top: 4rem; }
|
||||||
.modular .features p {
|
.modular .features p {
|
||||||
margin: 1rem 0; }
|
margin: 1rem 0; }
|
||||||
@media only all and (max-width: 47.938em) {
|
@media only all and (max-width: 47.938em) {
|
||||||
|
@ -853,6 +857,7 @@ ul.pagination {
|
||||||
font-size: 1rem; }
|
font-size: 1rem; }
|
||||||
|
|
||||||
.modular .footer {
|
.modular .footer {
|
||||||
|
font-size: 0.9rem;
|
||||||
background: #333;
|
background: #333;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 4rem; }
|
padding-top: 4rem; }
|
||||||
|
@ -912,8 +917,7 @@ ul.pagination {
|
||||||
.modular .footer .quickmenu {
|
.modular .footer .quickmenu {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none; }
|
||||||
font-family: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
|
|
||||||
.modular .footer .quickmenu i {
|
.modular .footer .quickmenu i {
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,5 @@
|
||||||
// Font Family
|
// Font Family
|
||||||
$font-family-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
$font-family-default: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||||
$font-family-header: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
$font-family-header: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||||
$font-family-logo: "Pacifico", "monospace";
|
$font-family-logo: "Pacifico", "monospace";
|
||||||
$font-family-mono: "Inconsolata", monospace;
|
$font-family-mono: "Inconsolata", monospace;
|
||||||
|
|
|
@ -143,7 +143,7 @@
|
||||||
|
|
||||||
#body {
|
#body {
|
||||||
.flush-top {
|
.flush-top {
|
||||||
margin-top: - $header-height - $padding-vert - 1.5rem;
|
margin-top: - $header-height - $padding-vert - 0.5rem;
|
||||||
padding-top: $header-height + 4rem;
|
padding-top: $header-height + 4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -28,6 +28,7 @@ h2 {
|
||||||
}
|
}
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
font-size: 1.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
|
|
@ -12,6 +12,10 @@
|
||||||
color: $light-gray;
|
color: $light-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
// Modular Showcase styling
|
// Modular Showcase styling
|
||||||
.modular {
|
.modular {
|
||||||
.footer {
|
.footer {
|
||||||
|
font-size: $core-font-size - 0.1rem;
|
||||||
|
|
||||||
background: #333;
|
background: #333;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@extend .padding-horiz;
|
@extend .padding-horiz;
|
||||||
|
@ -61,7 +63,6 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
font-family: $font-family-header;
|
|
||||||
i {
|
i {
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
|
@ -1,9 +1,8 @@
|
||||||
// Modular Showcase styling
|
// Modular Showcase styling
|
||||||
.modular {
|
.modular {
|
||||||
|
|
||||||
// special case for header
|
// special case for header
|
||||||
&.header-image {
|
&.header-image {
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
background-color: rgba(255,255,255,0);
|
background-color: rgba(255,255,255,0);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -15,13 +14,13 @@
|
||||||
color: $header-text;
|
color: $header-text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.slideme {
|
.slideme {
|
||||||
height: $header-height + 5rem !important;
|
height: $header-height + 5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.showcase {
|
.showcase {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
padding-bottom: 10rem;
|
padding-bottom: 10rem;
|
||||||
|
@ -32,7 +31,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: $header-text;
|
color: $header-text;
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2.5rem;
|
font-size: 2.2rem;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
@include breakpoint(tablet-range) {
|
@include breakpoint(tablet-range) {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
|
@ -45,6 +44,7 @@
|
||||||
strong {
|
strong {
|
||||||
color: $core-accent;
|
color: $core-accent;
|
||||||
}
|
}
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
|
@ -64,9 +64,9 @@
|
||||||
background: rgba(255,255,255,0.2);
|
background: rgba(255,255,255,0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Slideshow Arrows and Pagination
|
// Slideshow Arrows and Pagination
|
||||||
.slideme_container {
|
.slideme_container {
|
||||||
.arrow {
|
.arrow {
|
||||||
@extend .default-animation;
|
@extend .default-animation;
|
||||||
position: absolute;display: block;width: 3.7rem;height: 3.7rem;cursor: pointer;z-index: 50;text-align: center;line-height: 3.8rem;background: $white;top: 10%;border-radius: 100%;font-size: 2.5rem;opacity: 0.5;color: $black;
|
position: absolute;display: block;width: 3.7rem;height: 3.7rem;cursor: pointer;z-index: 50;text-align: center;line-height: 3.8rem;background: $white;top: 10%;border-radius: 100%;font-size: 2.5rem;opacity: 0.5;color: $black;
|
||||||
|
@ -106,6 +106,5 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue