From cda18632a7d36b8e1fb9cd5b8c0bd501bb5680ca Mon Sep 17 00:00:00 2001
From: Felix Boerner <ich@felix-boerner.de>
Date: Sat, 01 Jun 2024 17:13:38 +0000
Subject: [PATCH] feat: move variables to main scss
---
assets/scss/split.scss | 38 ++++++++++++++-----
assets/scss/_content.scss | 26 +-----------
2 files changed, 31 insertions(+), 33 deletions(-)
diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index 99c6c6d..48ad57e 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -6,26 +6,6 @@
@import url('https://fonts.googleapis.com/css?family=Lora');
//-------------------------------------------------------------------------------
-// Variables
-//-------------------------------------------------------------------------------
-
-// Colors
-$color-background : #061C30;
-$color-text : #848d96;
-$color-link : #848d96;
-$color-link-hover : #CA486d;
-$color-maverick : #47bec7;
-$color-tagline : #CCCCCC;
-
-// Breakpoints
-$bp-smallish : 1200px;
-$bp-tablet : 800px;
-$bp-mobile : 500px;
-
-// Images
-// $image-background : url('../../images/background.jpg');
-
-//-------------------------------------------------------------------------------
// Fade In
//-------------------------------------------------------------------------------
@@ -50,7 +30,7 @@
line-height: 33px;
letter-spacing: -0.2px;
color: $color-text;
- animation: fadein 2s;
+ animation: $animation-name $animation-duration;
//-------------------------------------------------------------------------------
// Global Styles
@@ -83,8 +63,8 @@
.split-image {
width: 50%;
height: 100vh;
- // background-image: $image-background;
- // background-position:center center;
+ background-image: $image-background;
+ background-position: $image-position;
background-size:cover;
@media (max-width: $bp-tablet ) {
diff --git a/assets/scss/split.scss b/assets/scss/split.scss
index 10e1c9e..848c2bf 100644
--- a/assets/scss/split.scss
+++ b/assets/scss/split.scss
@@ -1,13 +1,31 @@
-/*
-Template Name: Split
-Author: One Page Love
-Author URI: https://onepagelove.com
-Template URI: https://onepagelove.com/split
-Description: Split is a centrally-divided layout for a professional online presence with a big image or video left with alongside content.
-*/
+//-------------------------------------------------------------------------------
+// Variables
+//-------------------------------------------------------------------------------
-/* -- CSS Reset -- */
+// Colors
+$color-background : #061C30;
+$color-text : #848d96;
+$color-link : #848d96;
+$color-link-hover : #CA486d;
+$color-maverick : #47bec7;
+$color-tagline : #CCCCCC;
+
+// Breakpoints
+$bp-smallish : 1200px;
+$bp-tablet : 800px;
+$bp-mobile : 500px;
+
+// Image
+$image-background : url('{{ .Site.Params.visual.image.file | default "images/background.jpg" | absURL }}');
+$image-position : {{ .Site.Params.visual.image.position | default "center center" }};
+
+// Animation
+$animation-name : fadein;
+$animation-duration : 2s;
+
+//-------------------------------------------------------------------------------
+// Imports
+//-------------------------------------------------------------------------------
+
@import "reset";
-
-/* -- Content -- */
@import "content";
--
Gitblit v1.10.0