Skip to content

Commit 4a4150d

Browse files
committed
Added Juno filter
1 parent 60cfd3b commit 4a4150d

File tree

3 files changed

+41
-0
lines changed

3 files changed

+41
-0
lines changed

site/css/juno.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

source/css/juno.css

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/*
2+
* Juno
3+
*
4+
*/
5+
6+
.juno:before,
7+
.juno:after {
8+
content: '';
9+
display: block;
10+
height: 100%;
11+
width: 100%;
12+
top: 0;
13+
left: 0;
14+
position: absolute;
15+
pointer-events: none; }
16+
17+
18+
.juno {
19+
position: relative; }
20+
21+
.juno img {
22+
width: 100%;
23+
z-index: 1; }
24+
25+
.juno:before {
26+
z-index: 2; }
27+
28+
.juno:after {
29+
z-index: 3; }
30+
31+
32+
.juno {
33+
-webkit-filter: contrast(1.2) saturate(0.8);
34+
filter: contrast(1.2) saturate(0.8); }
35+
36+
.juno:before {
37+
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(74, 195, 111, 0.2), transparent);
38+
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(74, 195, 111, 0.2), transparent);
39+
mix-blend-mode: overlay; }

source/css/juno.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)