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

Move style tags to SCSS

Browse Source
This commit is contained in:
Andrew Williams
2023-11-06 16:58:53 +00:00
parent d11d328eda
commit 6b590b28a2
5 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -108,6 +108,12 @@ address {
transition: all 0.2s; transition: all 0.2s;
} }
.site-logo-text {
font-size: .9em;
line-height: 1.1;
font-family: 'Transport Medium';
}
// ------------------------------------------------------- // -------------------------------------------------------
//Navigation //Navigation
// ------------------------------------------------------- // -------------------------------------------------------
@@ -207,6 +213,10 @@ address {
border-color: hsl(0, 0%, 86%); border-color: hsl(0, 0%, 86%);
} }
} }
&-description {
min-height: 180px;
}
} }
.small_cta { .small_cta {
@@ -223,8 +233,14 @@ address {
&-tiers, &-facilities{ &-tiers, &-facilities{
padding:2em 0; padding:2em 0;
} }
&-description {
min-height: 180px;
}
} }
// ------------------------------------------------------- // -------------------------------------------------------
// Join the team // Join the team
// ------------------------------------------------------- // -------------------------------------------------------

2
themes/lhs/layouts/_default/baseof.html
View File

@@ -12,7 +12,7 @@
{{ block "hero" . }} {{ block "hero" . }}
<section id="hero"> <section id="hero">
{{ $img := resources.Get "/images/hero-bg.jpg" }} {{ $img := resources.Get (default "/images/hero-bg.jpg" .Params.hero_image) }}
{{ $img = $img.Resize "1256x jpg" }} {{ $img = $img.Resize "1256x jpg" }}
<div class="hero is-medium" style="background-image: linear-gradient(-249deg, #53071b, #d41246), url({{ $img.RelPermalink }});"> <div class="hero is-medium" style="background-image: linear-gradient(-249deg, #53071b, #d41246), url({{ $img.RelPermalink }});">
<div class="hero-body"> <div class="hero-body">

2
themes/lhs/layouts/partials/header.html
View File

@@ -4,7 +4,7 @@
<div class="navbar-brand" style="flex-grow: 1;"> <div class="navbar-brand" style="flex-grow: 1;">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img class="site-logo" src="/images/rose_logo.svg" alt="" width="70"> <img class="site-logo" src="/images/rose_logo.svg" alt="" width="70">
<span style="font-size: .9em; line-height: 1.1; font-family: 'Transport Medium';">Leigh<br/>Hackspace</span> <span class="site-logo-text">Leigh<br/>Hackspace</span>
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar"> <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
<span aria-hidden="true"></span> <span aria-hidden="true"></span>

5
themes/lhs/layouts/shortcodes/facilities.html
View File

@@ -1,12 +1,9 @@
<style>
.box-height { min-height: 180px; }
</style>
<div class="columns pricing-tiers is-centered is-multiline"> <div class="columns pricing-tiers is-centered is-multiline">
{{- range (where .Site.RegularPages "Section" "facilities") }} {{- range (where .Site.RegularPages "Section" "facilities") }}
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<div class="box is-large hover-items"> <div class="box is-large hover-items">
<h3 class="is-size-4 has-text-weight-bold">{{ .Title }}</h3> <h3 class="is-size-4 has-text-weight-bold">{{ .Title }}</h3>
<div class="content mt-5 box-height"> <div class="content mt-5 facility-description">
<p>{{ .Params.subtitle }}</p> <p>{{ .Params.subtitle }}</p>
</div> </div>
<div class="content"> <div class="content">

5
themes/lhs/layouts/shortcodes/memberships.html
View File

@@ -1,6 +1,3 @@
<style>
.box-height { min-height: 150px; }
</style>
<div class="columns pricing-tiers is-centered is-multiline"> <div class="columns pricing-tiers is-centered is-multiline">
{{- with .Site.Params.membership }} {{- with .Site.Params.membership }}
{{ range . -}} {{ range . -}}
@@ -9,7 +6,7 @@
<h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3> <h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3>
<div class="is-size-1 has-text-weight-bold">£{{ .price }}</div> <div class="is-size-1 has-text-weight-bold">£{{ .price }}</div>
<div class="_is-block mt-1 is-size-6 has-text-weight-normal">{{ default "per month" .period }}</div> <div class="_is-block mt-1 is-size-6 has-text-weight-normal">{{ default "per month" .period }}</div>
<div class="content mt-5 box-height is-size-5"> <div class="content mt-5 pricing-description is-size-5">
<p>{{ .description }}</p> <p>{{ .description }}</p>
</div> </div>
<div class="content"> <div class="content">