secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Experimenting with colour options

Browse Source
This commit is contained in:
James Barnsley
2017-07-23 10:15:02 +12:00
parent d38a2c9934
commit 396aec1a49
12 changed files with 61 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/scss/components/_images.scss
View File

@ -11,7 +11,7 @@
padding-bottom: 100%;
position: relative;
background-repeat: no-repeat;
background-color: $light_grey;
background-color: $grey;
background-position: 50% 50%;
background-size: cover;
border-radius: 3px;
@ -62,9 +62,25 @@
height: 50vh;
width: 100%;
overflow: hidden;
background: #111111;
background: $darkest_grey;
position: relative;
&:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
pointer-events: none;
background: -webkit-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -moz-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -o-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
}
canvas {
width: 110%;
height: 110%;