Skip to content

Commit

Permalink
version bump and new filter added: maven
Browse files Browse the repository at this point in the history
  • Loading branch information
@una
una committed Nov 3, 2016
1 parent 86bc53f commit b3552d3
Show file tree
Hide file tree
Showing 12 changed files with 114 additions and 24 deletions.
1 change: 1 addition & 0 deletions .publish
Submodule .publish added at 7b5bea
47 changes: 43 additions & 4 deletions site/css/demo-site.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -199,9 +199,8 @@
z-index: 3; }

.gingham::after {
background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
mix-blend-mode: darken; }
background: lavender;
mix-blend-mode: soft-light; }

/*
*
Expand Down Expand Up @@ -1015,6 +1014,47 @@
background: #382c34;
mix-blend-mode: color-dodge; }

/*
*
* Maven
*
*/

.maven {
position: relative;
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }

.maven img {
width: 100%;
z-index: 1; }

.maven:before {
content: '';
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
z-index: 2; }

.maven:after {
content: '';
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
z-index: 3; }

.maven:after {
background: rgba(3, 230, 26, 0.2);
mix-blend-mode: hue; }

::-moz-selection {
background: #9b1c9b;
color: white; }
Expand Down Expand Up @@ -1058,7 +1098,6 @@ pre, code {

code {
font-family: monospace;
padding: 0;
padding: .25em .5em; }

.highlight {
Expand Down
2 changes: 1 addition & 1 deletion site/css/demo-site.min.css
View file

Large diffs are not rendered by default.

17 changes: 13 additions & 4 deletions site/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,13 @@ <h2 class="title--top-sub">A tiny (&lt;1kb gzipped!) library for recreating <a h
<figcaption>Lo-Fi</figcaption>
</figure>
</li>
<li class="demo__item">
<li class="demo__item">
<figure class="maven">
<img>
<figcaption>Maven</figcaption>
</figure>
</li>
<li class="demo__item">
<figure class="mayfair">
<img>
<figcaption>Mayfair</figcaption>
Expand Down Expand Up @@ -274,7 +280,8 @@ <h3>Available Classes</h3>
<li>Kelvin: <code>class="kelvin"</code></li>
<li>Lark: <code>class="lark"</code></li>
<li>Lo-Fi: <code>class="lofi"</code></li>
<li>Mayfair: <code>class="mayfair"</code></li>
<li>Maven: <code>class="maven"</code></li>
<li>Mayfair: <code>class="mayfair"</code></li>
<li>Moon: <code>class="moon"</code></li>
<li>Nashville: <code>class="nashville"</code></li>
<li>Perpetua: <code>class="perpetua"</code></li>
Expand Down Expand Up @@ -333,7 +340,8 @@ <h3>Available Extends</h3>
<li>Kelvin: <code>@extend %kelvin;</code></li>
<li>Lark: <code>@extend %lark;</code></li>
<li>Lo-Fi: <code>@extend %lofi;</code></li>
<li>Mayfair: <code>@extend %mayfair;</code></li>
<li>Maven: <code>@extend %maven;</code></li>
<li>Mayfair: <code>@extend %mayfair;</code></li>
<li>Moon: <code>@extend %moon;</code></li>
<li>Nashville: <code>@extend %nashville;</code></li>
<li>Perpetua: <code>@extend %perpetua;</code></li>
Expand Down Expand Up @@ -398,7 +406,8 @@ <h3>Available Mixins</h3>
<li>Kelvin: <code>@include kelvin();</code></li>
<li>Lark: <code>@include lark();</code></li>
<li>Lo-Fi: <code>@include lofi();</code></li>
<li>Mayfair: <code>@include mayfair();</code></li>
<li>Maven: <code>@include maven();</code></li>
<li>Mayfair: <code>@include mayfair();</code></li>
<li>Moon: <code>@include moon();</code></li>
<li>Nashville: <code>@include nashville();</code></li>
<li>Perpetua: <code>@include perpetua();</code></li>
Expand Down
2 changes: 1 addition & 1 deletion site/test/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2117,7 +2117,7 @@ <h3>CSSgram</h3>

</section>
<section id="Maven">
<h2 class="filter-header"><a href="#Maven">Maven</a> <span class="done done--nope">✗</span></h2>
<h2 class="filter-header"><a href="#Maven">Maven</a> <span class="done done--yep">✓</span></h2>

<div class="headers">
<h3>Instagram</h3>
Expand Down
46 changes: 43 additions & 3 deletions source/css/cssgram.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -198,9 +198,8 @@
z-index: 3; }

.gingham::after {
background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
mix-blend-mode: darken; }
background: lavender;
mix-blend-mode: soft-light; }

/*
*
Expand Down Expand Up @@ -1013,3 +1012,44 @@
.kelvin::before {
background: #382c34;
mix-blend-mode: color-dodge; }

/*
*
* Maven
*
*/

.maven {
position: relative;
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }

.maven img {
width: 100%;
z-index: 1; }

.maven:before {
content: '';
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
z-index: 2; }

.maven:after {
content: '';
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
z-index: 3; }

.maven:after {
background: rgba(3, 230, 26, 0.2);
mix-blend-mode: hue; }
2 changes: 1 addition & 1 deletion source/css/cssgram.min.css
View file

Large diffs are not rendered by default.

5 changes: 2 additions & 3 deletions source/css/gingham.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,5 @@
z-index: 3; }

.gingham::after {
background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
mix-blend-mode: darken; }
background: lavender;
mix-blend-mode: soft-light; }
2 changes: 1 addition & 1 deletion source/css/gingham.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 5 additions & 5 deletions source/css/maven.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,11 @@
position: relative;
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }

.maven img {
width: 100%;
z-index: 1; }

.maven:before {
content: '';
display: block;
Expand All @@ -23,7 +23,7 @@
position: absolute;
pointer-events: none;
z-index: 2; }

.maven:after {
content: '';
display: block;
Expand All @@ -34,7 +34,7 @@
position: absolute;
pointer-events: none;
z-index: 3; }

.maven:after {
background: rgba(3,230,26,0.20);
background: rgba(3, 230, 26, 0.2);
mix-blend-mode: hue; }
1 change: 1 addition & 0 deletions source/css/maven.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion source/scss/maven.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,12 +23,13 @@
// /*...*/
// };
// }

@mixin maven($filters...) {
@include filter-base;
filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5) $filters;

&:after{
background: rgba(3,230,26,0.20);
background: rgba(3, 230, 26, .20);
mix-blend-mode: hue;
}

Expand Down

0 comments on commit b3552d3

Please sign in to comment.