joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(Update) header: Start using gradients

Browse source
This commit is contained in:
0xfff 2016-09-28 03:00:05 +02:00
parent 2dca46074e
commit 46702864a8
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/scss/_header.scss
View file

@ -20,6 +20,7 @@
position: relative;
min-height: 600px;
color: $color-white;
background-image: $gradient-dash-sky;
overflow: hidden;
@ -117,6 +118,6 @@
}
&--space {
background: linear-gradient(to top right,#4cddff,#3b9aca 10%,#2d6ca5 20%,#2a5291 27%,#283d81 35%,#222654 50%,#1e1635 63%,#0c0010 93%,#000);
background: $gradient-atmosphere-blue-violet;
}
}

2
src/scss/global/_colors.scss
View file

@ -19,6 +19,8 @@ $color-red: #ec2227;
$color-green: #24b47e;
$color-green-light: #b9f4bc;
$gradient-dash-sky: linear-gradient(to top right, #3094E3, #247FC8 9%, #186AAC 30%, #163B80 73%, #001D38);
$gradient-atmosphere-blue-violet: linear-gradient(to top right,#4cddff,#3b9aca 10%,#2d6ca5 20%,#2a5291 27%,#283d81 35%,#222654 50%,#1e1635 63%,#0c0010 93%,#000);
// for the style guide:
@function contrast-color($color, $dark, $light, $threshold: 50) {