kevin/hehe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Scrollreveal+cat+datenews

Browse Source
This commit is contained in:
kevin
2019-01-07 11:43:39 +01:00
parent e4cac3d01e
commit 762a1ad170
3158 changed files with 140699 additions and 73915 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/quark/scss/spectre/icons/_icons-action.scss
+22 -23
View File
@@ -1,4 +1,3 @@
// Icon resize
.icon-resize-horiz,
.icon-resize-vert {
@@ -7,7 +6,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .45em;
width: .45em;
}
@@ -35,7 +33,6 @@
background: currentColor;
box-shadow: -.4em 0, .4em 0;
border-radius: 50%;
content: "";
height: 3px;
width: 3px;
}
@@ -53,7 +50,6 @@
.icon-cross {
&::before {
background: currentColor;
content: "";
height: $icon-border-width;
width: 100%;
}
@@ -63,7 +59,6 @@
.icon-cross {
&::after {
background: currentColor;
content: "";
height: 100%;
width: $icon-border-width;
}
@@ -88,7 +83,6 @@
border: $icon-border-width solid currentColor;
border-right: 0;
border-top: 0;
content: "";
height: .5em;
width: .9em;
transform: translate(-50%, -75%) rotate(-45deg);
@@ -101,7 +95,6 @@
border-radius: 50%;
&::before {
background: currentColor;
content: "";
height: $icon-border-width;
transform: translate(-50%, -50%) rotate(45deg);
width: 1em;
@@ -128,7 +121,6 @@
border: $icon-border-width solid currentColor;
border-radius: 50%;
border-right-color: transparent;
content: "";
height: 1em;
width: 1em;
}
@@ -136,7 +128,6 @@
border: .2em solid currentColor;
border-top-color: transparent;
border-left-color: transparent;
content: "";
height: 0;
left: 80%;
top: 20%;
@@ -149,7 +140,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .75em;
left: 5%;
top: 5%;
@@ -158,7 +148,6 @@
}
&::after {
background: currentColor;
content: "";
height: $icon-border-width;
left: 80%;
top: 80%;
@@ -171,7 +160,6 @@
.icon-edit {
&::before {
border: $icon-border-width solid currentColor;
content: "";
height: .4em;
transform: translate(-40%, -60%) rotate(-45deg);
width: .85em;
@@ -180,7 +168,6 @@
border: .15em solid currentColor;
border-top-color: transparent;
border-right-color: transparent;
content: "";
height: 0;
left: 5%;
top: 95%;
@@ -196,7 +183,6 @@
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
border-top: 0;
content: "";
height: .75em;
top: 60%;
width: .75em;
@@ -204,7 +190,6 @@
&::after {
background: currentColor;
box-shadow: -.25em .2em, .25em .2em;
content: "";
height: $icon-border-width;
top: $icon-border-width/2;
width: .5em;
@@ -221,7 +206,6 @@
border: $icon-border-width solid currentColor;
border-left: 0;
border-top: 0;
content: "";
height: .4em;
left: 100%;
top: .25em;
@@ -233,7 +217,6 @@
border-bottom: 0;
border-right: 0;
border-radius: 75% 0;
content: "";
height: .5em;
width: .6em;
}
@@ -243,7 +226,6 @@
.icon-flag {
&::before {
background: currentColor;
content: "";
height: 1em;
left: 15%;
width: $icon-border-width;
@@ -253,7 +235,6 @@
border-bottom-right-radius: $border-radius;
border-left: 0;
border-top-right-radius: $border-radius;
content: "";
height: .65em;
top: 35%;
left: 60%;
@@ -268,7 +249,6 @@
border-bottom: 0;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
content: "";
height: .9em;
width: .8em;
}
@@ -277,7 +257,6 @@
border-bottom: 0;
border-left: 0;
border-radius: $border-radius;
content: "";
height: .5em;
transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg);
width: .5em;
@@ -292,14 +271,12 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .5em;
width: .5em;
transform: translate(-50%, -60%) rotate(-135deg);
}
&::after {
background: currentColor;
content: "";
height: .6em;
top: 40%;
width: $icon-border-width;
@@ -314,3 +291,25 @@
top: 50%;
}
}
// Icon copy
.icon-copy {
&::before {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
border-right: 0;
border-bottom: 0;
height: .8em;
left: 40%;
top: 35%;
width: .8em;
}
&::after {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
height: .8em;
left: 60%;
top: 60%;
width: .8em;
}
}
user/themes/quark/scss/spectre/icons/_icons-core.scss
+1
View File
@@ -15,6 +15,7 @@ $icon-prefix: "icon";
width: 1em;
&::before,
&::after {
content: "";
display: block;
left: 50%;
position: absolute;
user/themes/quark/scss/spectre/icons/_icons-navigation.scss
-6
View File
@@ -11,7 +11,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .65em;
width: .65em;
}
@@ -45,7 +44,6 @@
.icon-forward {
&::after {
background: currentColor;
content: "";
height: $icon-border-width;
width: .8em;
}
@@ -55,7 +53,6 @@
.icon-upward {
&::after {
background: currentColor;
content: "";
height: .8em;
width: $icon-border-width;
}
@@ -103,7 +100,6 @@
border-top: .3em solid currentColor;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
content: "";
height: 0;
transform: translate(-50%, -25%);
width: 0;
@@ -115,7 +111,6 @@
&::before {
background: currentColor;
box-shadow: 0 -.35em, 0 .35em;
content: "";
height: $icon-border-width;
width: 100%;
}
@@ -126,7 +121,6 @@
&::before {
background: currentColor;
box-shadow: -.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em;
content: "";
height: 3px;
width: 3px;
}
user/themes/quark/scss/spectre/icons/_icons-object.scss
+3 -18
View File
@@ -4,14 +4,12 @@
border-radius: 50%;
&::before {
background: currentColor;
content: "";
height: .4em;
transform: translate(-50%, -75%);
width: $icon-border-width;
}
&::after {
background: currentColor;
content: "";
height: .3em;
transform: translate(-50%, -75%) rotate(90deg);
transform-origin: 50% 90%;
@@ -24,7 +22,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
content: "";
height: .8em;
width: 1em;
}
@@ -32,7 +29,6 @@
border: $icon-border-width solid currentColor;
border-right: 0;
border-top: 0;
content: "";
height: .5em;
transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg);
width: .5em;
@@ -44,7 +40,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .45em;
top: 25%;
width: .45em;
@@ -52,7 +47,6 @@
&::after {
border: $icon-border-width solid currentColor;
border-radius: 50% 50% 0 0;
content: "";
height: .4em;
top: 75%;
width: .9em;
@@ -70,7 +64,6 @@
border-bottom-right-radius: $border-radius;
border-left: 0;
border-top: 0;
content: "";
height: .8em;
left: 65%;
top: 40%;
@@ -79,7 +72,6 @@
&::after {
background: currentColor;
border-radius: $border-radius;
content: "";
height: .3em;
left: 10%;
top: 100%;
@@ -95,7 +87,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .25em;
left: 35%;
top: 35%;
@@ -105,7 +96,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-left: 0;
content: "";
height: .5em;
left: 60%;
transform: translate(-50%, 25%) rotate(-45deg);
@@ -120,7 +110,6 @@
border: $icon-border-width solid currentColor;
border-radius: 5em 0 0 5em;
border-right: 0;
content: "";
height: .5em;
width: .75em;
}
@@ -137,7 +126,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50% 50% 50% 0;
content: "";
height: .8em;
transform: translate(-50%, -60%) rotate(-45deg);
width: .8em;
@@ -145,7 +133,6 @@
&::after {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .2em;
transform: translate(-50%, -80%);
width: .2em;
@@ -158,17 +145,15 @@
border-radius: 50%;
&::before {
border-radius: 50%;
box-shadow: -.17em -.15em, .17em -.15em;
content: "";
height: .1em;
width: .1em;
box-shadow: -.17em -.1em, .17em -.1em;
height: .15em;
width: .15em;
}
&::after {
border: $icon-border-width solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
border-right-color: transparent;
content: "";
height: .5em;
transform: translate(-50%, -40%) rotate(-135deg);
width: .5em;