mirror of
https://github.com/nikdoof/website-hugo.git
synced 2025-12-14 08:02:19 +00:00
Clean up the site scss
This commit is contained in:
@@ -35,14 +35,14 @@ $body-font-size: 1.25em;
|
||||
// Preloader
|
||||
.js div#preloader {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
background: white no-repeat center center;
|
||||
background-size: 20%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
background: white no-repeat center center;
|
||||
background-size: 20%;
|
||||
}
|
||||
|
||||
// Modifiers
|
||||
@@ -62,7 +62,7 @@ $body-font-size: 1.25em;
|
||||
// min-height:10em;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
box-shadow: 0 0px 30px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1);
|
||||
// border-color: $primary;
|
||||
// box-shadow: 0 10px 1px rgba($black, 0.2);
|
||||
@@ -76,10 +76,10 @@ $body-font-size: 1.25em;
|
||||
|
||||
p {
|
||||
line-height: $body-line-height;
|
||||
margin-bottom:1.5em!important;
|
||||
margin-bottom: 1.5em !important;
|
||||
|
||||
&:last-child{
|
||||
margin-bottom:0!important;
|
||||
&:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -96,18 +96,18 @@ a {
|
||||
.navbar-item {
|
||||
|
||||
&:hover {
|
||||
color:$primary;
|
||||
color: $primary;
|
||||
border-bottom: solid 2px $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
address {
|
||||
font-style:normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.button {
|
||||
height:3em;
|
||||
height: 3em;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
@@ -118,16 +118,16 @@ address {
|
||||
.navbar {
|
||||
|
||||
&-item {
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&--social-links {
|
||||
|
||||
a {
|
||||
color:white;
|
||||
color: white;
|
||||
|
||||
&:hover {
|
||||
color:$primary;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -135,13 +135,13 @@ address {
|
||||
&-burger {
|
||||
|
||||
&:hover {
|
||||
color:white;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
max-height:3rem!important;
|
||||
max-height: 3rem !important;
|
||||
|
||||
&-text {
|
||||
font-size: 1.4rem;
|
||||
@@ -172,20 +172,20 @@ address {
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size:1.375rem;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.work-img {
|
||||
max-width:90%;
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.cta {
|
||||
|
||||
&-container{
|
||||
margin-top:4em;
|
||||
padding:2em 1em;
|
||||
&-container {
|
||||
margin-top: 4em;
|
||||
padding: 2em 1em;
|
||||
}
|
||||
|
||||
&-img {
|
||||
@@ -200,15 +200,15 @@ address {
|
||||
.facility {
|
||||
|
||||
&-hero {
|
||||
padding:2em 0.5em;
|
||||
padding: 2em 0.5em;
|
||||
}
|
||||
|
||||
&-container {
|
||||
padding:2em 1em;
|
||||
padding: 2em 1em;
|
||||
}
|
||||
|
||||
&-gallery {
|
||||
padding-top:1em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
&--icon {
|
||||
@@ -220,7 +220,7 @@ address {
|
||||
@include from($tablet) {
|
||||
border-left: solid 1px;
|
||||
border-color: hsl(0, 0%, 86%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-description {
|
||||
@@ -229,8 +229,8 @@ address {
|
||||
}
|
||||
|
||||
.small_cta {
|
||||
background-color:$accent;
|
||||
padding:0 1em;
|
||||
background-color: $accent;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
// -------------------------------------------------------
|
||||
@@ -239,8 +239,9 @@ address {
|
||||
|
||||
.pricing {
|
||||
|
||||
&-tiers, &-facilities{
|
||||
padding:2em 0;
|
||||
&-tiers,
|
||||
&-facilities {
|
||||
padding: 2em 0;
|
||||
}
|
||||
|
||||
&-price {
|
||||
@@ -259,7 +260,7 @@ address {
|
||||
// -------------------------------------------------------
|
||||
|
||||
.team {
|
||||
&-join{
|
||||
&-join {
|
||||
background-color: $accent;
|
||||
}
|
||||
|
||||
@@ -276,9 +277,9 @@ address {
|
||||
// -------------------------------------------------------
|
||||
|
||||
#map {
|
||||
width:100%;
|
||||
min-height:25em;
|
||||
margin-bottom:2em;
|
||||
width: 100%;
|
||||
min-height: 25em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.map {
|
||||
@@ -293,10 +294,10 @@ address {
|
||||
}
|
||||
|
||||
&-container {
|
||||
padding:2em 1em;
|
||||
padding: 2em 1em;
|
||||
|
||||
.is-spaced {
|
||||
margin:1.5em auto;
|
||||
margin: 1.5em auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -306,7 +307,7 @@ address {
|
||||
// -------------------------------------------------------
|
||||
|
||||
.policy-content {
|
||||
padding:1.375em 0;
|
||||
padding: 1.375em 0;
|
||||
}
|
||||
|
||||
// -------------------------------------------------------
|
||||
@@ -316,31 +317,31 @@ address {
|
||||
footer {
|
||||
|
||||
a {
|
||||
color:$footer-link-color;
|
||||
text-decoration:underline;
|
||||
color: $footer-link-color;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
color:$primary;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
|
||||
padding-bottom:2em;
|
||||
padding-bottom: 2em;
|
||||
|
||||
&-weblink {
|
||||
|
||||
background-color:$primary;
|
||||
background-color: $primary;
|
||||
|
||||
}
|
||||
|
||||
&--sticky {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
&--sticky {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
// -------------------------------------------------------
|
||||
|
||||
Reference in New Issue
Block a user