Momangen/momangen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

darker deeper

Browse source
This commit is contained in:
Set Sakrecoer 2019-05-17 10:38:28 +02:00
parent 90258c10d6
commit 760363a026
3 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
_sass/animation.scss
View file

@ -34,17 +34,17 @@
@-webkit-keyframes shadow { @-webkit-keyframes shadow {
to { to {
text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5); text-shadow: .2em .2em rgba(31, 31, 31, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
} }
} }
@-moz-keyframes shadow { @-moz-keyframes shadow {
to { to {
text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5); text-shadow: .2em .2em rgba(31, 31, 31, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
} }
} }
@keyframes shadow { @keyframes shadow {
to {text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5); to {text-shadow: .2em .2em rgba(31, 31, 31, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
} }
} }

4
_sass/form.scss
View file

@ -21,7 +21,7 @@ input[type=text], input[type=email], textarea, select {
input[type=submit] { input[type=submit] {
width: 200px; width: 200px;
background-image: linear-gradient(223deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5)); background-image: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%; background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite; -webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite; -moz-animation: AnimationName 29s ease infinite;
@ -36,7 +36,7 @@ input[type=submit] {
} }
input[type=submit]:hover { input[type=submit]:hover {
background-image: linear-gradient(223deg, rgba(224, 224, 224, 0.5),rgba(61, 61, 61, 0.5)); background-image: linear-gradient(223deg, rgba(224, 224, 224, 0.5),rgba(31, 31, 31, 0.5));
background-size: 800% 800%; background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite; -webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite; -moz-animation: AnimationName 29s ease infinite;

18
_sass/mycv.scss
View file

@ -62,7 +62,7 @@ a:hover,
a:active, a:active,
a:focus { a:focus {
text-decoration: none; text-decoration: none;
background: linear-gradient(97deg, rgb(61, 61, 61), rgb(224, 224, 224)); background: linear-gradient(97deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -74,8 +74,8 @@ a:focus {
text-shadow: none; text-shadow: none;
} }
a:hover { a:hover {
text-shadow: .05em .05em rgb(61, 61, 61), -.05em -.05em rgb(224, 224, 224); text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
background: linear-gradient(97deg, rgb(224, 224, 224), rgb(61, 61, 61),); background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -93,7 +93,7 @@ a:active {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: linear-gradient(0deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5)); background: linear-gradient(0deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%; background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite; -webkit-animation: AnimationName 29s ease infinite;
@ -110,12 +110,12 @@ a:active {
h1 { h1 {
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224)); background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
font-size: 3em; font-size: 3em;
// text-shadow: .05em .05em rgba(61, 61, 61, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5); // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */ -moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */ -webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
animation: example 20s linear infinite; animation: example 20s linear infinite;
@ -133,7 +133,7 @@ a:active {
display: flex; display: flex;
width: 100%; width: 100%;
height: 30vh; height: 30vh;
background: linear-gradient(223deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5)); background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%; background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite; -webkit-animation: AnimationName 29s ease infinite;
@ -152,12 +152,12 @@ a:active {
h1 { h1 {
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224)); background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
font-size: 3em; font-size: 3em;
// text-shadow: .05em .05em rgba(61, 61, 61, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5); // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */ -moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */ -webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
animation: example 20s linear infinite; animation: example 20s linear infinite;