feat: move variables to main scss

Felix Boerner

31.59.2024 cda18632a7d36b8e1fb9cd5b8c0bd501bb5680ca

feat: move variables to main scss

 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 ) {

 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";