aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/home.scss
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2022-06-02 18:30:22 +0200
committerhellekin <hellekin@cepheide.org>2022-06-02 18:33:21 +0200
commit1a227bbf31c55aeaa01e9890a2ed1a14cb5e01fa (patch)
tree1e7728e1d9b1ec39047212137035aed0ef540ed1 /assets/scss/home.scss
parent435bc825f01798379e8eb33152ee9592dd54bf94 (diff)
downloadlesoiseaux.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.scss6
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);