summaryrefslogtreecommitdiff
path: root/_sass/animate
diff options
context:
space:
mode:
authorKarl Hallsby <karl@hallsby.com>2020-09-27 14:31:36 -0500
committerKarl Hallsby <karl@hallsby.com>2020-09-27 14:32:00 -0500
commit61b34a5f260db45575d448d766ea29c0fb273ed3 (patch)
tree4ac84fa917df0c69fb0fc6d587750514e7d0d813 /_sass/animate
parentc3cafe3c3817f52d4c588b5b0d6e71e07e06145e (diff)
Add jekyll-text-theme YAML files
Diffstat (limited to '_sass/animate')
-rw-r--r--_sass/animate/_fade-in-down.scss10
-rw-r--r--_sass/animate/_fade-in-up.scss10
-rw-r--r--_sass/animate/_fade-in.scss8
3 files changed, 28 insertions, 0 deletions
diff --git a/_sass/animate/_fade-in-down.scss b/_sass/animate/_fade-in-down.scss
new file mode 100644
index 0000000..a32a4e7
--- /dev/null
+++ b/_sass/animate/_fade-in-down.scss
@@ -0,0 +1,10 @@
+@include keyframes(fade-in-down) {
+ from {
+ opacity: 0;
+ @include transform(translateY(-2rem));
+ }
+ to {
+ opacity: 1;
+ @include transform(translateY(0));
+ }
+}
diff --git a/_sass/animate/_fade-in-up.scss b/_sass/animate/_fade-in-up.scss
new file mode 100644
index 0000000..920a0bb
--- /dev/null
+++ b/_sass/animate/_fade-in-up.scss
@@ -0,0 +1,10 @@
+@include keyframes(fade-in-up) {
+ from {
+ opacity: 0;
+ @include transform(translateY(2rem));
+ }
+ to {
+ opacity: 1;
+ @include transform(translateY(0));
+ }
+}
diff --git a/_sass/animate/_fade-in.scss b/_sass/animate/_fade-in.scss
new file mode 100644
index 0000000..03fdea8
--- /dev/null
+++ b/_sass/animate/_fade-in.scss
@@ -0,0 +1,8 @@
+@include keyframes(fade-in) {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}