aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/txt.scss
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2019-06-30 02:25:35 +0200
committerhellekin <hellekin@cepheide.org>2019-06-30 02:37:16 +0200
commitdd7021c34993434e91fb1fddbe0f071c307d0601 (patch)
treef27fbd7c4487a798cd92edaad295210f327b3e0f /assets/scss/txt.scss
parent3fffe253c4d5405d226ddb5df43e767414d8ffa3 (diff)
downloadlesoiseaux.io-dd7021c34993434e91fb1fddbe0f071c307d0601.tar.gz
Moved videos to peertube.public.cat
Diffstat (limited to 'assets/scss/txt.scss')
-rw-r--r--assets/scss/txt.scss42
1 files changed, 22 insertions, 20 deletions
diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss
index 8d02f53..1ab8727 100644
--- a/assets/scss/txt.scss
+++ b/assets/scss/txt.scss
@@ -36,7 +36,7 @@ html[lang='fr'] :lang(en) {
a {
text-decoration: none;
-
+
&:link {
color: $a-link;
}
@@ -119,7 +119,7 @@ body > header {
color: black;
}
}
-
+
}
body > main {
@@ -131,13 +131,13 @@ body > main {
margin: 0 auto;
max-width: 96rem;
font-size: 1.6rem;
-
+
> article {
background-color: $bg-main;
margin: 0 auto;
max-width: 60rem;
min-height: calc(100vh - 24rem);
- padding: 12rem 9rem;
+ padding: 12rem 9rem;
}
}
@@ -155,7 +155,7 @@ body {
}
}
}
-
+
&.txt {
background-color: $bg-txt-on;
> aside {
@@ -167,7 +167,7 @@ body {
}
}
}
-
+
&.vdo {
background-color: $bg-vdo-on;
> aside {
@@ -237,7 +237,7 @@ body {
}
}
}
-
+
nav {
position: relative;
margin-left: 3rem;
@@ -252,7 +252,7 @@ body {
vertical-align: top;
color: transparent;
-
+
a {
display: block;
height: 100%;
@@ -404,7 +404,7 @@ article {
aside {
-
+
ul {
display: table;
position: relative;
@@ -412,7 +412,7 @@ article {
margin: 0 -8rem 1rem -8rem;
width: calc(100% + 16rem);
-
+
li {
display: table-cell;
text-align: center;
@@ -443,7 +443,7 @@ article {
padding: 2rem;
overflow: hidden;
text-overflow: ellipsis;
-
+
p {
white-space: nowrap;
overflow: hidden;
@@ -459,15 +459,16 @@ article {
}
}
- video {
+ video, iframe {
max-width: 100%;
}
.video {
margin: 0 -6rem 0 -4rem;
-
- video {
- width: 30rem;
+
+ video, iframe {
+ width: 30rem;
+ height: 18.875rem;
background: black;
float: left;
margin: 0 2rem 0 -4rem;
@@ -476,10 +477,11 @@ article {
line-height: 1.25;
}
&:hover {
- video {
- width: calc(100% + 6rem);
- height: auto;
- float: none;
+ video, iframe {
+ width: 68rem;
+ height: 38.25rem;
+ float: none;
+ margin: auto;
}
}
}
@@ -522,7 +524,7 @@ body.gfx {
height: 22.5rem;
margin-left: -6rem;
animation: fade-in 1s linear;
-
+
svg {
position: relative;
width: 100%;