lots of fixes and polishing

This commit is contained in:
Karol Orzeł 2015-01-20 12:31:35 +01:00
parent 3cc8fae333
commit 714086a312
8 changed files with 118 additions and 109 deletions

View file

@ -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

View file

@ -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;

View file

@ -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;
} }
} }

View file

@ -28,6 +28,7 @@ h2 {
} }
font-weight: normal; font-weight: normal;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.4rem;
} }
h3 { h3 {

View file

@ -12,6 +12,10 @@
color: $light-gray; color: $light-gray;
} }
hr {
margin-top: 4rem;
}
p { p {
margin: 1rem 0; margin: 1rem 0;

View file

@ -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;

View file

@ -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 @@
} }
} }
} }
}
}
} }