Shaping and cleanup

This commit is contained in:
2020-04-25 00:56:38 +02:00
parent 7b060bf1c7
commit 970ce9dcb6
6 changed files with 140 additions and 70 deletions

View File

@@ -1,11 +1,9 @@
@import "bulma/sass/utilities/initial-variables";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lobster&family=Comfortaa:wght@400;500;600;700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.12.0/css/all.css');
$family-sans-serif: 'Roboto',
sans-serif;
$family-secondary: 'Comfortaa',
cursive;
@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Roboto:wght@100;400&display=swap');
$family-sans-serif: 'Roboto', sans-serif;
// // https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
// $blue: #083d77;
// $red: #dd1c1a;
@@ -28,8 +26,12 @@ $light: #fff;
@import "checkmark-icon";
@import './demo';
.is-font-logo {
font-family: 'Lobster', cursive;
.is-logo {
font-family: $family-sans-serif;
color: $grey;
a, a:visited {
color: $grey;
}
}
.card {
@@ -40,17 +42,17 @@ $light: #fff;
height: 100vh;
}
.content {
&>h1 {
margin-bottom: 40px;
}
}
body {
min-height: 100vh;
}
h1, h2, h3 {
font-family: 'Calistoga';
margin-bottom: 10px;
}
.button.google {
background: rgb(225, 98, 89);
color: white;
@@ -99,20 +101,6 @@ Colours
}
}
@import url('https://fonts.googleapis.com/css?family=Calistoga|Open+Sans&display=swap');
h1,
h2,
h3 {
font-family: 'Calistoga';
margin-bottom: 10px;
}
p,
a,
span {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.features .columns {
margin-bottom: 3em;
@@ -124,6 +112,13 @@ span {
.contact-form {
margin-top: 3em;
}
.tag-line {
img {
height: 30px;
vertical-align: text-bottom;
}
}
/*
Links
*/
@@ -161,23 +156,11 @@ Hero
top: 0;
right: 0;
}
@media(min-width: 1024px) {
.hero-body {
background-image: url(../img/hero.png);
background-size: 30%;
background-position: 80% 50%;
background-repeat: no-repeat;
}
}
.call-to-action {
margin-top: 2em;
}
@media(max-width: 1024px) {
margin: 0px 10px;
}
.box {
padding-top: 30px;
padding-bottom: 30px;