KevinMidboe/schleppe-lab
1
0
Fork 0
mirror of https://github.com/KevinMidboe/schleppe-lab.git synced 2025-10-29 17:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update color theme to white and blue

Browse Source 
- Border accent shadow effect that makes assets float of page
- Apply border accent to image captions
This commit is contained in:
Kevin
2024-02-18 13:12:41 +01:00
parent fee7ae097b
commit b5513a8111
6 changed files with 39 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
_sass/_base.scss
View File

@@ -79,12 +79,16 @@ img {
/**
* Figures
*/
figure > img {
display: block;
figure {
> img {
display: block;
}
}
figcaption {
font-size: $small-font-size;
font-size: 0.75rem;
font-style: italic;
padding: 0.5rem 1rem;
}
/**

2
_sass/_header.scss
View File

@@ -4,6 +4,8 @@
.site-header {
border-bottom: 3px dashed $grey-color-light;
border-bottom: 3px dashed rgba(254, 168, 106, 0.6);
border-bottom: 3px dashed rgba(8,76,207,.6);
border-bottom: unset !important;
min-height: calc(var(--spacing-unit) * 1.865);
// Positioning context for the mobile navigation icon

10
_sass/_layout.scss
View File

@@ -194,3 +194,13 @@ figure.fullwidth {
}
}
}
@mixin border-accent {
background-color: white;
border: 1px solid rgba(8,76,207,0.3);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(8, 76, 207, 0.07) 4px 4px 0px 0px;
}
.border-accent {
@include border-accent;
}

26
_sass/main.scss
View File

@@ -11,30 +11,40 @@
font-weight: bold;
src: url("/assets/fonts/FiraCode-Bold.ttf");
}
@font-face {
font-family: "Post title font";
src: url("/assets/fonts/font-title.woff2");
}
@font-face {
font-family: "Post subtitle font";
src: url("/assets/fonts/font-subtitle.woff2");
}
$text-color: white;
$background-color: #222129;
$brand-color: #fea86a;
$text-color: #4B5361;
$background-color: #F6F5EF;
$brand-color: rgb(8, 76, 207, 0.8);
:root {
--font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
--font-size: 16px;
--font-weight: 400;
--font-size-small: 14px;
--line-height: 1.5;
--line-height: 1.625;
--spacing-unit: 2.5em;
--text-color: $text-color;
--background-color: $background-color;
--brand-color: $brand-color;
--text-color: #4B5361;
--background-color: #F6F5EF;
--brand-color: rgb(8, 76, 207, 0.8);
--border-color: hsla(0, 0%, 100%, 0.1);
}
$base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default;
$base-font-size: 16px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.875 !default;
$base-line-height: 1.5 !default;
$base-line-height: 1.625 !default;
$spacing-unit: 2.5em !default;