xaymar/com.xaymar.www
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Further move towards clean HTML5+CSS

Browse Source
This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2023-04-04 21:24:44 +02:00
parent df83ae78d0
commit c7b260c536
8 changed files with 138 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_sass/_block-figure.scss
+88
View File
@@ -0,0 +1,88 @@
// --------------------------------------------------------------------------------
// Block: Figure
// --------------------------------------------------------------------------------
figure.block {
display: block;
position: relative;
overflow: hidden;
}
figure.block > figcaption {
display: block;
margin: 0;
padding: .25em .5em;
text-align: center;
font-size: 0.9em;
background: rgba(0, 0, 0, 0.5);
}
// --------------------------------------------------------------------------------
// Block: Figure > Media
// --------------------------------------------------------------------------------
figure.block > picture,
figure.block > picture > img,
figure.block > video,
figure.block > audio {
display: block;
max-width: 100%;
width: auto;
max-height: 1005;
height: auto;
object-fit: contain;
object-position: center center;
}
@import "_block-figure-player.scss"
// --------------------------------------------------------------------------------
// Block: Figure > Table
// --------------------------------------------------------------------------------
figure.block > table {
margin: 0;
padding: 0;
display: table;
width: 100%;
table-layout: auto;
border-collapse: collapse;
}
figure.block > table > thead > tr,
figure.block > table > tbody > tr {
margin: 0;
padding: 0;
vertical-align: top;
}
figure.block > table > thead > tr {
background: $theme-article-table-head-background;
}
figure.block > table > tbody > tr {
background: $theme-article-table-body-background;
}
figure.block > table > tbody > tr:nth-child(2n) {
background: $theme-article-table-body-background-alt;
}
figure.block > table > thead > tr > th,
figure.block > table > tbody > tr > th {
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;
}
figure.block > table > thead > tr > td,
figure.block > table > tbody > tr > td {
margin: 0;
padding: 0.5rem 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.5);
border-top: none;
border-bottom: none;
}