From 3858178cbcd0fb564c08d42f423e57d407cf3963 Mon Sep 17 00:00:00 2001 From: Camila Carrera Date: Thu, 6 Oct 2016 01:49:06 -0300 Subject: [PATCH] Added Juno filter --- site/css/juno.min.css | 1 + source/css/juno.css | 39 +++++++++++++++++++++++++++++++++++++++ source/css/juno.min.css | 1 + 3 files changed, 41 insertions(+) create mode 100644 site/css/juno.min.css create mode 100644 source/css/juno.css create mode 100644 source/css/juno.min.css diff --git a/site/css/juno.min.css b/site/css/juno.min.css new file mode 100644 index 0000000..365ad5d --- /dev/null +++ b/site/css/juno.min.css @@ -0,0 +1 @@ +.juno:after,.juno:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.juno{position:relative;-webkit-filter:contrast(1.2) saturate(.8);filter:contrast(1.2) saturate(.8)}.juno img{width:100%;z-index:1}.juno:before{z-index:2;background:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(74,195,111,.2),transparent);background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(74,195,111,.2),transparent);mix-blend-mode:overlay}.juno:after{z-index:3} \ No newline at end of file diff --git a/source/css/juno.css b/source/css/juno.css new file mode 100644 index 0000000..8974ce5 --- /dev/null +++ b/source/css/juno.css @@ -0,0 +1,39 @@ +/* + * Juno + * + */ + +.juno:before, +.juno:after { + content: ''; + display: block; + height: 100%; + width: 100%; + top: 0; + left: 0; + position: absolute; + pointer-events: none; } + + +.juno { + position: relative; } + + .juno img { + width: 100%; + z-index: 1; } + + .juno:before { + z-index: 2; } + + .juno:after { + z-index: 3; } + + +.juno { + -webkit-filter: contrast(1.2) saturate(0.8); + filter: contrast(1.2) saturate(0.8); } + + .juno:before { + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(74, 195, 111, 0.2), transparent); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(74, 195, 111, 0.2), transparent); + mix-blend-mode: overlay; } diff --git a/source/css/juno.min.css b/source/css/juno.min.css new file mode 100644 index 0000000..365ad5d --- /dev/null +++ b/source/css/juno.min.css @@ -0,0 +1 @@ +.juno:after,.juno:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.juno{position:relative;-webkit-filter:contrast(1.2) saturate(.8);filter:contrast(1.2) saturate(.8)}.juno img{width:100%;z-index:1}.juno:before{z-index:2;background:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(74,195,111,.2),transparent);background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(74,195,111,.2),transparent);mix-blend-mode:overlay}.juno:after{z-index:3} \ No newline at end of file