nikdoof/website-hugo
1
0
Fork 0
mirror of https://github.com/nikdoof/website-hugo.git synced 2025-12-14 15:02:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clean up the site scss

Browse Source
This commit is contained in:
Andrew Williams
2024-02-20 10:03:54 +00:00
parent aff0762c7f
commit c99e151dea
1 changed files with 68 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
themes/lhs/assets/sass/leighhack.scss
View File

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