Skip to content

Commit b3552d3

Browse files
unauna
committed
version bump and new filter added: maven
1 parent 86bc53f commit b3552d3

File tree

12 files changed

+114
-24
lines changed

12 files changed

+114
-24
lines changed

‎.publish‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Subproject commit 7b5bea875657c1df5b9383a4500970b0373493d6

‎site/css/demo-site.css‎

Lines changed: 43 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -199,9 +199,8 @@
199199
z-index: 3; }
200200

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

206205
/*
207206
*
@@ -1015,6 +1014,47 @@
10151014
background: #382c34;
10161015
mix-blend-mode: color-dodge; }
10171016

1017+
/*
1018+
*
1019+
* Maven
1020+
*
1021+
*/
1022+
1023+
.maven {
1024+
position: relative;
1025+
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
1026+
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }
1027+
1028+
.maven img {
1029+
width: 100%;
1030+
z-index: 1; }
1031+
1032+
.maven:before {
1033+
content: '';
1034+
display: block;
1035+
height: 100%;
1036+
width: 100%;
1037+
top: 0;
1038+
left: 0;
1039+
position: absolute;
1040+
pointer-events: none;
1041+
z-index: 2; }
1042+
1043+
.maven:after {
1044+
content: '';
1045+
display: block;
1046+
height: 100%;
1047+
width: 100%;
1048+
top: 0;
1049+
left: 0;
1050+
position: absolute;
1051+
pointer-events: none;
1052+
z-index: 3; }
1053+
1054+
.maven:after {
1055+
background: rgba(3, 230, 26, 0.2);
1056+
mix-blend-mode: hue; }
1057+
10181058
::-moz-selection {
10191059
background: #9b1c9b;
10201060
color: white; }
@@ -1058,7 +1098,6 @@ pre, code {
10581098

10591099
code {
10601100
font-family: monospace;
1061-
padding: 0;
10621101
padding: .25em .5em; }
10631102

10641103
.highlight {

‎site/css/demo-site.min.css‎

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

‎site/index.html‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,13 @@ <h2 class="title--top-sub">A tiny (&lt;1kb gzipped!) library for recreating <a h
129129
<figcaption>Lo-Fi</figcaption>
130130
</figure>
131131
</li>
132-
<li class="demo__item">
132+
<li class="demo__item">
133+
<figure class="maven">
134+
<img>
135+
<figcaption>Maven</figcaption>
136+
</figure>
137+
</li>
138+
<li class="demo__item">
133139
<figure class="mayfair">
134140
<img>
135141
<figcaption>Mayfair</figcaption>
@@ -274,7 +280,8 @@ <h3>Available Classes</h3>
274280
<li>Kelvin: <code>class="kelvin"</code></li>
275281
<li>Lark: <code>class="lark"</code></li>
276282
<li>Lo-Fi: <code>class="lofi"</code></li>
277-
<li>Mayfair: <code>class="mayfair"</code></li>
283+
<li>Maven: <code>class="maven"</code></li>
284+
<li>Mayfair: <code>class="mayfair"</code></li>
278285
<li>Moon: <code>class="moon"</code></li>
279286
<li>Nashville: <code>class="nashville"</code></li>
280287
<li>Perpetua: <code>class="perpetua"</code></li>
@@ -333,7 +340,8 @@ <h3>Available Extends</h3>
333340
<li>Kelvin: <code>@extend %kelvin;</code></li>
334341
<li>Lark: <code>@extend %lark;</code></li>
335342
<li>Lo-Fi: <code>@extend %lofi;</code></li>
336-
<li>Mayfair: <code>@extend %mayfair;</code></li>
343+
<li>Maven: <code>@extend %maven;</code></li>
344+
<li>Mayfair: <code>@extend %mayfair;</code></li>
337345
<li>Moon: <code>@extend %moon;</code></li>
338346
<li>Nashville: <code>@extend %nashville;</code></li>
339347
<li>Perpetua: <code>@extend %perpetua;</code></li>
@@ -398,7 +406,8 @@ <h3>Available Mixins</h3>
398406
<li>Kelvin: <code>@include kelvin();</code></li>
399407
<li>Lark: <code>@include lark();</code></li>
400408
<li>Lo-Fi: <code>@include lofi();</code></li>
401-
<li>Mayfair: <code>@include mayfair();</code></li>
409+
<li>Maven: <code>@include maven();</code></li>
410+
<li>Mayfair: <code>@include mayfair();</code></li>
402411
<li>Moon: <code>@include moon();</code></li>
403412
<li>Nashville: <code>@include nashville();</code></li>
404413
<li>Perpetua: <code>@include perpetua();</code></li>

‎site/test/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2117,7 +2117,7 @@ <h3>CSSgram</h3>
21172117

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

21222122
<div class="headers">
21232123
<h3>Instagram</h3>

‎source/css/cssgram.css‎

Lines changed: 43 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -198,9 +198,8 @@
198198
z-index: 3; }
199199

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

205204
/*
206205
*
@@ -1013,3 +1012,44 @@
10131012
.kelvin::before {
10141013
background: #382c34;
10151014
mix-blend-mode: color-dodge; }
1015+
1016+
/*
1017+
*
1018+
* Maven
1019+
*
1020+
*/
1021+
1022+
.maven {
1023+
position: relative;
1024+
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
1025+
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }
1026+
1027+
.maven img {
1028+
width: 100%;
1029+
z-index: 1; }
1030+
1031+
.maven:before {
1032+
content: '';
1033+
display: block;
1034+
height: 100%;
1035+
width: 100%;
1036+
top: 0;
1037+
left: 0;
1038+
position: absolute;
1039+
pointer-events: none;
1040+
z-index: 2; }
1041+
1042+
.maven:after {
1043+
content: '';
1044+
display: block;
1045+
height: 100%;
1046+
width: 100%;
1047+
top: 0;
1048+
left: 0;
1049+
position: absolute;
1050+
pointer-events: none;
1051+
z-index: 3; }
1052+
1053+
.maven:after {
1054+
background: rgba(3, 230, 26, 0.2);
1055+
mix-blend-mode: hue; }

‎source/css/cssgram.min.css‎

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

‎source/css/gingham.css‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,5 @@
3636
z-index: 3; }
3737

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

‎source/css/gingham.min.css‎

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

‎source/css/maven.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@
88
position: relative;
99
-webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
1010
filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); }
11-
11+
1212
.maven img {
1313
width: 100%;
1414
z-index: 1; }
15-
15+
1616
.maven:before {
1717
content: '';
1818
display: block;
@@ -23,7 +23,7 @@
2323
position: absolute;
2424
pointer-events: none;
2525
z-index: 2; }
26-
26+
2727
.maven:after {
2828
content: '';
2929
display: block;
@@ -34,7 +34,7 @@
3434
position: absolute;
3535
pointer-events: none;
3636
z-index: 3; }
37-
37+
3838
.maven:after {
39-
background: rgba(3,230,26,0.20);
39+
background: rgba(3, 230, 26, 0.2);
4040
mix-blend-mode: hue; }

0 commit comments

Comments
 (0)