c3woc/webseite
1
1
Fork 0
Code Issues Pull requests Releases Activity

sass improved

Browse source
This commit is contained in:
L3D 2021-12-23 01:27:19 +01:00
parent 135e3ddf77
commit 526d6b0e8e
Signed by: l3d
GPG key ID: CD08445BFF4313D1
3 changed files with 19 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/scss/_farben.scss Normal file
View file

@ -0,0 +1,16 @@
:root {
--primary-waffle-fontcolor:#ffac33;
--secoundary-waffle-fontcolor:white;
--light-waffle-accent:rgba(5, 0, 12, 0.8);
--href-waffle-fontcolor:rgb(230, 79, 45);
--primary-waffle-accent:rgba(87, 5, 0, 0.9);
--blog-waffle-accent:rgba(155, 22, 15, 0.95);
--secoundary-waffle-accent:#CD4701;
--third-waffle-accent:#9B160F;
--rows-waffle-accent-even:#ff9333;
--rows-waffle-accent-odd:#ffac33;
--menu-waffle-accent:#ff9333;
--footer-waffle-accent:rgba(23, 24, 32, 1);
--waffel-background-color:#1c1d26;
--column-count:3;
}

47
assets/scss/main.scss
View file

@ -13,51 +13,8 @@
* .navlist__navitem.-active * .navlist__navitem.-active
*/ */
:root { @import "_farben";
--primary-waffle-fontcolor:#ffac33; @import "_animation";
--secoundary-waffle-fontcolor:white;
--light-waffle-accent:rgba(5, 0, 12, 0.8);
--href-waffle-fontcolor:rgb(230, 79, 45);
--primary-waffle-accent:rgba(87, 5, 0, 0.9);
--blog-waffle-accent:rgba(155, 22, 15, 0.95);
--secoundary-waffle-accent:#CD4701;
--third-waffle-accent:#9B160F;
--rows-waffle-accent-even:#ff9333;
--rows-waffle-accent-odd:#ffac33;
--menu-waffle-accent:#ff9333;
--footer-waffle-accent:rgba(23, 24, 32, 1);
--waffel-background-color:#1c1d26;
--column-count:3;
}
@keyframes backgroundImageAnimation {
0% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
33% {
background-image: url("/waffle_apfelmus-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.bganimation {
animation-name: backgroundImageAnimation;
animation-timing-function: step-start;
animation-iteration-count: infinite;
animation-duration: 20s;
}
body { body {
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;

2
templates/zutaten/zubereitung.html
View file

@ -4,7 +4,7 @@
{{- '\n ' -}} <div class="content__box"> {{- '\n ' -}} <div class="content__box">
{{- '\n ' -}} <div class="content__inner_box"> {{- '\n ' -}} <div class="content__inner_box">
{{- '\n ' -}} <h2>Zubereitung</h2> {{- '\n ' -}} <h2>Zubereitung</h2>
{{- '\n ' -}} <ul> {{- '\n ' -}} <ul class="zubereitung">
{%- for stp in child.steps.blocks -%} {%- for stp in child.steps.blocks -%}
{%- if stp.step is defined and stp.step != "" -%} {%- if stp.step is defined and stp.step != "" -%}
{{- '\n ' -}} <li> {{- '\n ' -}} <li>