mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-19 03:11:26 +02:00
Code Issues Releases Wiki Activity

better cards: .card (width: 100%)

Browse Source
This commit is contained in:
José Luis Antúnez
2017-03-16 13:41:09 +01:00
committed by GitHub
parent 1cb0f7a15b
commit 9723aedc32
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/css/base.css
View File

@@ -2662,8 +2662,8 @@ p + .work {
object-fit to re-frame images rather than just stretch and resize them === */ object-fit to re-frame images rather than just stretch and resize them === */
@media (min-width: 768px) { @media (min-width: 768px) {
[class*="card-"][class*="bg-"] figure, [class*="card"][class*="bg-"] figure,
.fullscreen [class*="card-"] figure { .fullscreen [class*="card"] figure {
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
min-width: 380px; min-width: 380px;
@@ -2682,7 +2682,7 @@ object-fit to re-frame images rather than just stretch and resize them === */
} }
.flex-content, .flex-content,
[class*="card-"] blockquote { [class*="card"] blockquote {
position: relative; position: relative;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
@@ -2723,18 +2723,18 @@ object-fit to re-frame images rather than just stretch and resize them === */
.card-30 blockquote { .card-30 blockquote {
width: 70%; width: 70%;
} }
[class*="card-"]:nth-child(odd) figure { [class*="card"]:nth-child(odd) figure {
order: 0 order: 0
} }
[class*="card-"]:nth-child(even) figure { [class*="card"]:nth-child(even) figure {
order: 1; order: 1;
} }
.flex-content, .flex-content,
[class*="card-"] blockquote { [class*="card"] blockquote {
padding: 4.8rem; padding: 4.8rem;
} }
.fullscreen [class*="card-"] .flex-content, .fullscreen [class*="card"] .flex-content,
.fullscreen [class*="card-"] blockquote { .fullscreen [class*="card"] blockquote {
padding: 6.4rem; padding: 6.4rem;
} }
} }
@@ -2756,7 +2756,7 @@ object-fit to re-frame images rather than just stretch and resize them === */
/*== Ficaption Cards === */ /*== Ficaption Cards === */
[class*="card-"] figure figcaption { [class*="card"] figure figcaption {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
@@ -2767,7 +2767,7 @@ object-fit to re-frame images rather than just stretch and resize them === */
z-index: 2; z-index: 2;
} }
[class*="card-"] figure figcaption.cover { [class*="card"] figure figcaption.cover {
top: 0; top: 0;
right: 0; right: 0;
width: 100%; width: 100%;
@@ -2780,11 +2780,10 @@ object-fit to re-frame images rather than just stretch and resize them === */
justify-content: center; justify-content: center;
} }
[class*="card-"] figure figcaption svg { [class*="card"] figure figcaption svg {
font-size: 1rem; font-size: 1rem;
} }
/*========================================= /*=========================================
11. Quotes 11. Quotes
=========================================== */ =========================================== */