nikdoof/website-hugo
1
0
Fork 0
mirror of https://github.com/nikdoof/website-hugo.git synced 2025-12-14 08:02:19 +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

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

@@ -33,16 +33,16 @@ $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
@@ -61,8 +61,8 @@ $body-font-size: 1.25em;
.hover-item { .hover-item {
// 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;
} }
} }
@@ -92,22 +92,22 @@ p {
// ------------------------------------------------------- // -------------------------------------------------------
a { a {
text-decoration: underline; text-decoration: underline;
.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,34 +118,34 @@ 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;
} }
} }
} }
&-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;
line-height: 1.1; line-height: 1.1;
font-family: 'Transport Medium'; font-family: 'Transport Medium';
} }
} }
@@ -172,22 +172,22 @@ 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 {
margin-top: -10rem; margin-top: -10rem;
} }
@@ -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,17 +220,17 @@ 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 {
min-height: 180px; min-height: 180px;
} }
} }
.small_cta { .small_cta {
background-color:$accent; background-color: $accent;
padding:0 1em; padding: 0 1em;
} }
// ------------------------------------------------------- // -------------------------------------------------------
@@ -239,16 +239,17 @@ address {
.pricing { .pricing {
&-tiers, &-facilities{ &-tiers,
padding:2em 0; &-facilities {
padding: 2em 0;
} }
&-price { &-price {
line-height: 1; line-height: 1;
} }
&-description { &-description {
min-height: 120px; min-height: 120px;
} }
} }
@@ -259,7 +260,7 @@ address {
// ------------------------------------------------------- // -------------------------------------------------------
.team { .team {
&-join{ &-join {
background-color: $accent; background-color: $accent;
} }
@@ -276,13 +277,13 @@ address {
// ------------------------------------------------------- // -------------------------------------------------------
#map { #map {
width:100%; width: 100%;
min-height:25em; min-height: 25em;
margin-bottom:2em; margin-bottom: 2em;
} }
.map { .map {
// -webkit-filter: grayscale(100%); // -webkit-filter: grayscale(100%);
// filter: grayscale(100%); // filter: grayscale(100%);
@@ -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;
} }
} }
// ------------------------------------------------------- // -------------------------------------------------------
@@ -358,4 +359,4 @@ footer {
.blog-avatar { .blog-avatar {
margin-left: 0 !important; margin-left: 0 !important;
margin-right: 1em !important; margin-right: 1em !important;
} }