Shaping and cleanup
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user