root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Extracting green gradient

Browse Source
This commit is contained in:
Jeff Avallone 2018-02-13 21:23:33 -05:00
parent 364139d362
commit 597cce4566
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header/style.css
View File

@ -1,9 +1,7 @@
@import url('../../globals.css'); @import url('../../globals.css');
.header { .header {
background: var(--color-green) linear-gradient(to bottom, background: var(--color-green) var(--gradient-green);
var(--color-green) 0%,
color(var(--color-green) shade(40%)) 100%);
box-shadow: 0 0 1rem var(--color-black); box-shadow: 0 0 1rem var(--color-black);
padding: 0 var(--content-margin); padding: 0 var(--content-margin);
margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin)); margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin));

4
src/globals.css
View File

@ -6,6 +6,10 @@
--color-white: #fff; --color-white: #fff;
--color-red: #b3151a; --color-red: #b3151a;
--gradient-green: linear-gradient(to bottom,
var(--color-green) 0%,
color(var(--color-green) shade(40%)) 100%);
--header-height: 6rem; --header-height: 6rem;
--content-margin: 2rem; --content-margin: 2rem;
--spacing-margin: 1rem; --spacing-margin: 1rem;