Skip to content

Commit

Permalink
improve google lighthouse scores to 100x4
Browse files Browse the repository at this point in the history
  • Loading branch information
@JugglerX
JugglerX committed Dec 29, 2018
1 parent 2131586 commit ad0e28f
Show file tree
Hide file tree
Showing 33 changed files with 123 additions and 154 deletions.
28 changes: 13 additions & 15 deletions assets/scss/_bootstrap-variables.scss
View file
@@ -1,18 +1,17 @@
// Grid breakpoints
// $grid-breakpoints: (
// xs: 0,
// sm: 576px,
// md: 768px,
// lg: 992px,
// xl: 1200px
// );
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
);

// $container-max-widths: (
// sm: 768px,
// md: 992px,
// lg: 1000px,
// xl: 1220px
// );
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px,
);

$grid-gutter-width: 20px;

Expand All @@ -38,7 +37,6 @@ $font-weight-normal: 400;
$font-weight-bold: 700;
$font-weight-base: $font-weight-normal;
$line-height-base: 1.6;

$headings-font-weight: 400;

$spacer: 1rem;
Expand Down
4 changes: 2 additions & 2 deletions assets/scss/components/_buttons.scss
View file
Expand Up @@ -11,12 +11,12 @@
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.025em;
color: #fff;
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
&:hover {
color: #fff;
color: #ffffff;
background-color: lighten($primary, 10%);
transform: translateY(-1px);
box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
Expand Down
31 changes: 13 additions & 18 deletions assets/scss/components/_footer.scss
View file
@@ -1,17 +1,17 @@
.footer-strip {
.footer {
background: $secondary;
padding-top: 20px;
padding-bottom: 20px;
}
.footer {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
@include media-breakpoint-up(sm) {
.footer-inner {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
flex-direction: column;
align-items: flex-start;
@include media-breakpoint-up(sm) {
justify-content: space-between;
flex-direction: row;
align-items: center;
}
}
.footer-title {
color: #ffffff;
Expand All @@ -21,6 +21,7 @@
flex: 0;
@include media-breakpoint-up(sm) {
margin: 0;
flex: 0 0 120px;
}
}
ul {
Expand All @@ -31,13 +32,12 @@
li {
display: block;
margin-right: 10px;
font-size: 0.8rem;
color: #ffffff;
color: lighten($secondary, 60%);
&:last-of-type {
margin-right: 0;
}
a {
color: #ffffff;
color: lighten($secondary, 60%);
text-decoration: none;
&:hover {
text-decoration: underline;
Expand Down Expand Up @@ -66,10 +66,5 @@
}
}
}
@include media-breakpoint-up(md) {
li {
font-size: 0.9rem;
}
}
}
}
2 changes: 1 addition & 1 deletion assets/scss/components/_intro.scss
View file
Expand Up @@ -47,7 +47,7 @@
width: 60%;
}
@include media-breakpoint-up(lg) {
width: 40%;
width: 55%;
}
}
}
Expand Down
1 change: 0 additions & 1 deletion assets/scss/components/_logo.scss
View file
Expand Up @@ -14,7 +14,6 @@
height: 100%;
}
}

.logo-mobile {
display: block;
width: 30px;
Expand Down
69 changes: 35 additions & 34 deletions assets/scss/components/_sub-footer.scss
View file
@@ -1,43 +1,44 @@
.sub-footer-strip {
// box-shadow: 0px -4px 9px 0 rgba(36, 50, 66, 0.15);
.sub-footer {
background: darken($secondary, 10%);
padding-top: 10px;
padding-bottom: 10px;
}
.sub-footer {
display: flex;
justify-content: space-between;
ul {
list-style: none;
margin: 0;
padding: 0;
li {
.sub-footer-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
@include media-breakpoint-up(md) {
flex-direction: row;
}
ul {
list-style: none;
display: block;
font-size: 0.8rem;
color: #fff;

a {
color: #fff;
text-decoration: none;
&:hover {
text-decoration: underline;
margin: 0;
padding: 0;
li {
list-style: none;
display: block;
color: #ffffff;
a {
color: #ffffff;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
span {
display: inline-block;
height: 40px;
padding: 10px 0px 10px 8px;
font-weight: bold;
color: #ffffff;
}
}
span {
display: inline-block;
height: 40px;
padding: 10px 0px 10px 8px;
font-weight: bold;
color: #fff;
}
}
@include media-breakpoint-up(sm) {
li {
display: inline-block;
margin-left: 10px;
&:first-of-type {
margin-left: 0;
@include media-breakpoint-up(sm) {
li {
display: inline-block;
margin-left: 10px;
&:first-of-type {
margin-left: 0;
}
}
}
}
Expand Down
11 changes: 6 additions & 5 deletions assets/scss/components/_title.scss
View file
Expand Up @@ -24,14 +24,15 @@
}
.title-3 {
font-family: $font-family-base;
font-weight: light;
color: #333333;
font-size: 1.6rem;
font-weight: 600;
color: #2b2b39;
font-size: 1.9rem;
letter-spacing: -1px;
@include media-breakpoint-up(sm) {
font-size: 2rem;
font-size: 2.1rem;
}
@include media-breakpoint-up(md) {
font-size: 2.4rem;
font-size: 2.2rem;
}
a {
display: block;
Expand Down
20 changes: 2 additions & 18 deletions assets/scss/components/_type.scss
View file
Expand Up @@ -8,38 +8,33 @@ ol {
margin: 0;
}
}

p {
color: rgb(78, 78, 78);
font-family: $font-family-base;
}

h1 {
font-size: 20px;
font-family: $font-family-heading;
line-height: 1.2;
font-weight: $font-weight-light;
color: #333;
color: #333333;
@include media-breakpoint-up(md) {
font-size: 30px;
line-height: 1.2;
font-weight: $font-weight-light;
}
}

h2 {
font-size: 20px;
font-family: $font-family-heading;
line-height: 1.4;
font-weight: 400;
color: #333;
color: #333333;
@include media-breakpoint-up(md) {
font-size: 24px;
line-height: 1.4;
}
}

// Subheading
h3 {
color: $primary;
font-size: 16px;
Expand All @@ -53,7 +48,6 @@ h3 {
font-weight: $font-weight-thin;
}
}

.display-1 {
font-size: 50px;
letter-spacing: 4.5px;
Expand All @@ -63,13 +57,3 @@ h3 {
letter-spacing: 1.7px;
}
}

// Body copy only
article {
ul,
ol {
color: $primary;
font-weight: $font-weight-light;
letter-spacing: 0.79px;
}
}
2 changes: 1 addition & 1 deletion assets/scss/components/_whitebox.scss
View file
Expand Up @@ -2,7 +2,7 @@
border: 1px solid #dcdcdc;
border-radius: 3px;
box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
background: #fff;
background: #ffffff;
padding: $padding;
}
.whitebox {
Expand Down
4 changes: 2 additions & 2 deletions assets/scss/pages/services/_page-services-list.scss
View file
Expand Up @@ -12,7 +12,7 @@
background-position: 199px -80px;
}
@include media-breakpoint-up(lg) {
background-size: 60%;
background-position: 100% -110px;
background-size: 57%;
background-position: 90% -110px;
}
}
4 changes: 0 additions & 4 deletions assets/scss/pages/services/_page-services-single.scss
View file
@@ -1,6 +1,2 @@
.page-services-single {
background-color: #8033aa;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(226,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%238033aa'/%3E%3Cstop offset='1' stop-color='%231c3ed3'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%2336fff5' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2336fff5' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%2336fff5' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2336fff5' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
15 changes: 2 additions & 13 deletions assets/scss/pages/testimonials/_testimonials-summary.scss
View file
Expand Up @@ -13,12 +13,9 @@
.testimonials-meta {
flex: 1;
margin-bottom: 10px;

p {
margin: 0;
}
a {
}
}
.testimonials-title {
margin-bottom: 5px;
Expand All @@ -33,7 +30,6 @@
}
.testimonials-content {
flex: 1 0 100%;

blockquote {
display: block;
border-width: 2px 0 0 0;
Expand All @@ -44,24 +40,17 @@
position: relative;
}
blockquote:before {
content: "\201C";
content: '\201C';
position: absolute;
top: 0em;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 3rem;
height: 2rem;
font: 6em/1.08em "PT Sans", sans-serif;
font: 6em/1.08em 'PT Sans', sans-serif;
color: $primary;
text-align: center;
}
// blockquote:after {
// content: "\2013 \2003" attr(cite);
// display: block;
// text-align: right;
// font-size: 0.875em;
// color: #e74c3c;
// }
}
}
8 changes: 3 additions & 5 deletions assets/scss/style.scss
View file
@@ -1,5 +1,5 @@
// Font
@import url('https://fonts.googleapis.com/css?family=Lora:400|Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400|Open+Sans:400');

// Bootstrap
@import 'bootstrap/functions';
Expand Down Expand Up @@ -62,12 +62,10 @@

// Pages
@import 'pages/home';
@import 'pages/team/team-list';
@import 'pages/team/team-summary';
@import 'pages/team/page-team-list';
@import 'pages/testimonials/testimonials-list';
@import 'pages/testimonials/testimonials-summary';
@import 'pages/team/team-summary';
@import 'pages/testimonials/page-testimonials-list';
@import 'pages/testimonials/testimonials-summary';
@import 'pages/services/page-services-list';
@import 'pages/services/page-services-single';
@import 'pages/services/service-single';
Expand Down

0 comments on commit ad0e28f

Please sign in to comment.