From bb1e2f7f4f8c59c18854f5507058dfedcd811b5b Mon Sep 17 00:00:00 2001
From: Felix Boerner <ich@felix-boerner.de>
Date: Wed, 13 Nov 2024 09:26:38 +0000
Subject: [PATCH] feat: use color variables
---
assets/scss/split.scss | 11 ++++++-----
assets/scss/_content.scss | 20 ++++++++++----------
2 files changed, 16 insertions(+), 15 deletions(-)
diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index 6db6727..4a94141 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -7,14 +7,14 @@
}
a {
- color: #848d96;
+ color: $color-link;
text-decoration: none;
}
.body {
display: block;
max-height: 100vh;
- background-color: #0b1c2f;
+ background-color: $color-background;
font-family: Inter, sans-serif;
animation: $animation-name $animation-duration;
}
@@ -46,7 +46,7 @@
.name {
margin-top: 0px;
margin-bottom: 40px;
- color: #47bec7;
+ color: $color-name;
font-size: 16px;
font-weight: normal;
line-height: 100%;
@@ -60,7 +60,7 @@
.tagline {
margin-bottom: 40px;
- color: #ddd;
+ color: $color-tagline;
font-size: 58px;
line-height: 100%;
}
@@ -68,20 +68,20 @@
.bio p {
margin-bottom: 40px;
font-family: Lora, sans-serif;
- color: #848d96;
+ color: $color-text;
font-size: 21px;
line-height: 140%;
}
.bio a {
- border-bottom: 1px solid #848d96;
+ border-bottom: 1px solid $color-text;
text-decoration: none;
}
.text-block {
margin-top: 0px;
margin-bottom: 20px;
- color: #485462;
+ color: $color-credit;
font-size: 12px;
font-weight: normal;
line-height: 12px;
@@ -91,13 +91,13 @@
.list {
font-family: Lora, sans-serif;
- color: #848d96;
+ color: $color-text;
font-size: 16px;
line-height: 160%;
}
.credit {
- color: #485462;
+ color: $color-credit;
font-size: 13px;
}
@@ -148,7 +148,7 @@
}
.credit-links {
- color: #485462;
+ color: $color-credit;
}
.image {
diff --git a/assets/scss/split.scss b/assets/scss/split.scss
index 61cd447..64c5c45 100644
--- a/assets/scss/split.scss
+++ b/assets/scss/split.scss
@@ -3,12 +3,13 @@
//-------------------------------------------------------------------------------
// Colors
-$color-background : #061C30;
-$color-text : #848d96;
-$color-link : #848d96;
+$color-background : #0B1C2F;
+$color-name : #47BEC7;
+$color-tagline : #DDDDDD;
+$color-text : #848D96;
+$color-credit : #485462;
+$color-link : #848D96;
$color-link-hover : #CA486d;
-$color-maverick : #47bec7;
-$color-tagline : #CCCCCC;
// Breakpoints
$bp-smallish : 991px;
--
Gitblit v1.10.0