diff options
author | hellekin <hellekin@cepheide.org> | 2022-06-02 18:30:22 +0200 |
---|---|---|
committer | hellekin <hellekin@cepheide.org> | 2022-06-02 18:33:21 +0200 |
commit | 1a227bbf31c55aeaa01e9890a2ed1a14cb5e01fa (patch) | |
tree | 1e7728e1d9b1ec39047212137035aed0ef540ed1 /assets/scss/home.scss | |
parent | 435bc825f01798379e8eb33152ee9592dd54bf94 (diff) | |
download | lesoiseaux.io-1a227bbf31c55aeaa01e9890a2ed1a14cb5e01fa.tar.gz |
Keep this file compatible with previous versions, and use it for the new index
Diffstat (limited to 'assets/scss/home.scss')
-rw-r--r-- | assets/scss/home.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/assets/scss/home.scss b/assets/scss/home.scss index eec293b..b380b1f 100644 --- a/assets/scss/home.scss +++ b/assets/scss/home.scss @@ -502,6 +502,7 @@ body > footer { padding: 1rem 2rem; } + .media #vdo, .media #vda { left: 0; background: rgba(112, 166, 191, 0.5); @@ -513,6 +514,7 @@ body > footer { display: none; } } + .media #vdo video, .media #vda video { position: absolute; top: 50%; @@ -525,18 +527,22 @@ body > footer { z-index: -101; opacity: 0.1; } + .media #vdo:hover video, .media #vda:hover video { opacity: 1; } + .media #vdo:hover, .media #vda:hover { background: rgba(112, 166, 191, 0.9); margin: 0; transform: rotate(0); width: 40vw; } + .media #vdo h3, .media #vda h3 { transform: rotate(5deg) translateX(-2vw); } + .media #vdo:hover h3, .media #vda:hover h3 { transform: rotate(0) translateX(0) translateY(-5rem); color: rgba(109, 144, 162, 0.7); |