feat: use color variables

Felix Boerner

13.47.2024 bb1e2f7f4f8c59c18854f5507058dfedcd811b5b

feat: use color variables

 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 {

 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;