2
0
mirror of https://github.com/offen/website.git synced 2024-11-22 17:10:29 +01:00

remove duplicate ids

This commit is contained in:
Frederik Ring 2020-07-09 13:46:02 +02:00
parent 2a11e40f96
commit 436e8246e7
3 changed files with 13 additions and 11 deletions

View File

@ -478,16 +478,18 @@ STACKING IMAGES
/* --------------------------------------------------- /* ---------------------------------------------------
BACKROUND IMAGES BACKROUND IMAGES
----------------------------------------------------*/ ----------------------------------------------------*/
#bg-feature-2 { .bg-feature-2 {
background: url(/theme/images/gfx-feature-2.png) center; background: url(/theme/images/gfx-feature-2.png) center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 640px 480px; background-size: 640px 480px;
transform: rotate(180deg); transform: rotate(180deg);
} }
#bg-pattern {
.bg-pattern {
background: url(/theme/images/gfx-bg-pattern.svg) 8rem 2rem; background: url(/theme/images/gfx-bg-pattern.svg) 8rem 2rem;
} }
#bg-explainer {
.bg-explainer {
background: background:
url(/theme/images/gfx-bg-explainer.svg) top center repeat-x, url(/theme/images/gfx-bg-explainer.svg) top center repeat-x,
url(/theme/images/gfx-bg-explainer.svg) bottom center repeat-x; url(/theme/images/gfx-bg-explainer.svg) bottom center repeat-x;

View File

@ -99,7 +99,7 @@
{% else %} {% else %}
{% block outro %} {% block outro %}
<div class="w-100 cclr-bg-yellow-mid"> <div class="w-100 cclr-bg-yellow-mid">
<div class="pt3 pb4 ph3" id="bg-pattern"> <div class="pt3 pb4 ph3 bg-pattern">
<div class="mw8 center"> <div class="mw8 center">
<div class="flex flex-wrap justify-center tc pt3"> <div class="flex flex-wrap justify-center tc pt3">

View File

@ -32,7 +32,7 @@
<!-- FEATURE --> <!-- FEATURE -->
<div class="w-100 overflow-hidden cclr-bg-mint-mid"> <div class="w-100 overflow-hidden cclr-bg-mint-mid">
<div id="bg-pattern"> <div class="bg-pattern">
<div class="mw8 flex flex-wrap justify-center center tc"> <div class="mw8 flex flex-wrap justify-center center tc">
@ -58,7 +58,7 @@
</div> </div>
<div class="w-100 w-third-l cclr-bg-mint-fade-b"> <div class="w-100 w-third-l cclr-bg-mint-fade-b">
<div class="hx-feature" id="bg-feature-2"> <div class="hx-feature bg-feature-2">
<h2 class="f2 normal lh-solid ma0 mb3 ptx-feature-2"> <h2 class="f2 normal lh-solid ma0 mb3 ptx-feature-2">
<em class="em-mint-1"> <em class="em-mint-1">
@ -115,7 +115,7 @@
</div> </div>
<!-- COMPARE --> <!-- COMPARE -->
<div class="w-100" id="bg-explainer"> <div class="w-100 bg-explainer" id="bg-explainer">
<div class="mw8 center flex flex-wrap justify-center"> <div class="mw8 center flex flex-wrap justify-center">
<!-- COMPARE A --> <!-- COMPARE A -->
@ -215,7 +215,7 @@
<div class="w-50-l w-100"> <div class="w-50-l w-100">
<div class="w-100 hx-compare-c dib cclr-bg-white-fade"> <div class="w-100 hx-compare-c dib cclr-bg-white-fade">
<div class="h-100" id="bg-pattern"> <div class="h-100 bg-pattern">
<div class="wx24 center"> <div class="wx24 center">
@ -287,7 +287,7 @@
<div class="w-50-l w-100"> <div class="w-50-l w-100">
<div class="w-100 hx-compare-d dib cclr-bg-white-fade"> <div class="w-100 hx-compare-d dib cclr-bg-white-fade">
<div class="h-100" id="bg-pattern"> <div class="h-100 bg-pattern">
<div class="wx24 center"> <div class="wx24 center">
<p class="f25 lh-solid ma0 mt5 mb4"> <p class="f25 lh-solid ma0 mt5 mb4">
@ -400,7 +400,7 @@
<!-- METRICS --> <!-- METRICS -->
<div class="w-100 hx-metrics dib cclr-bg-white-fade-metrics"> <div class="w-100 hx-metrics dib cclr-bg-white-fade-metrics">
<div class="h-100" id="bg-pattern"> <div class="h-100 bg-pattern">
<div class="wx24-metrics center"> <div class="wx24-metrics center">
@ -487,7 +487,7 @@
<div class="w-100"> <div class="w-100">
<div class="w-100 hx-difference dib cclr-bg-white-fade"> <div class="w-100 hx-difference dib cclr-bg-white-fade">
<div class="h-100" id="bg-pattern"> <div class="h-100 bg-pattern">
<div class="wx24-metrics center"> <div class="wx24-metrics center">
<p class="f25 lh-solid ma0 ml0 ml5-l mt5 mb4"> <p class="f25 lh-solid ma0 ml0 ml5-l mt5 mb4">