Files
com.xaymar.www/_sass/_block-figure.scss
T

88 lines
2.0 KiB
SCSS
Raw Normal View History

2023-04-04 21:24:44 +02:00
// --------------------------------------------------------------------------------
// Block: Figure
// --------------------------------------------------------------------------------
figure.block {
display: block;
position: relative;
overflow: hidden;
}
2023-04-05 02:26:54 +02:00
figure.block figcaption {
2023-04-04 21:24:44 +02:00
display: block;
margin: 0;
padding: .25em .5em;
text-align: center;
font-size: 0.9em;
background: rgba(0, 0, 0, 0.5);
}
// --------------------------------------------------------------------------------
// Block: Figure > Media
// --------------------------------------------------------------------------------
2023-04-05 02:26:54 +02:00
figure.block picture,
figure.block img,
figure.block video,
figure.block audio {
2023-04-04 21:24:44 +02:00
display: block;
2023-04-04 21:40:46 +02:00
width: 100%;
2023-04-04 21:24:44 +02:00
height: auto;
2023-04-04 21:40:46 +02:00
margin: 0;
padding: 0;
2023-04-04 21:24:44 +02:00
object-fit: contain;
object-position: center center;
2023-04-04 21:40:46 +02:00
background: rgba(0, 0, 0, 0.5);
2023-04-04 21:24:44 +02:00
}
// --------------------------------------------------------------------------------
// Block: Figure > Table
// --------------------------------------------------------------------------------
2023-04-05 02:26:54 +02:00
figure.block table {
2023-04-04 21:24:44 +02:00
margin: 0;
padding: 0;
display: table;
width: 100%;
table-layout: auto;
border-collapse: collapse;
}
2023-04-05 02:26:54 +02:00
figure.block table>thead>tr,
figure.block table>tbody>tr {
2023-04-04 21:24:44 +02:00
margin: 0;
padding: 0;
vertical-align: top;
}
2023-04-05 02:26:54 +02:00
figure.block table>thead>tr {
2023-04-04 21:24:44 +02:00
background: $theme-article-table-head-background;
}
2023-04-05 02:26:54 +02:00
figure.block table>tbody>tr {
2023-04-04 21:24:44 +02:00
background: $theme-article-table-body-background;
}
2023-04-05 02:26:54 +02:00
figure.block table>tbody>tr:nth-child(2n) {
2023-04-04 21:24:44 +02:00
background: $theme-article-table-body-background-alt;
}
2023-04-05 02:26:54 +02:00
figure.block table>thead>tr>th,
figure.block table>tbody>tr>th {
2023-04-04 21:24:44 +02:00
margin: 0;
padding: 0.75rem 1.5rem;
font-weight: bold;
font-variant: small-caps;
text-align: start;
vertical-align: top;
border: 1px solid rgba(0, 0, 0, 0.5);
border-top: none;
border-bottom: none;
}
2023-04-05 02:26:54 +02:00
figure.block table>thead>tr>td,
figure.block table>tbody>tr>td {
2023-04-04 21:24:44 +02:00
margin: 0;
padding: 0.5rem 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.5);
border-top: none;
border-bottom: none;
}