Transform more towards HTML5+CSS+JS

This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2023-04-05 02:26:54 +02:00
parent be07894a38
commit 47e19c1bf2
8 changed files with 680 additions and 514 deletions
+15 -17
View File
@@ -7,7 +7,7 @@ figure.block {
overflow: hidden;
}
figure.block>figcaption {
figure.block figcaption {
display: block;
margin: 0;
padding: .25em .5em;
@@ -19,10 +19,10 @@ figure.block>figcaption {
// --------------------------------------------------------------------------------
// Block: Figure > Media
// --------------------------------------------------------------------------------
figure.block>picture,
figure.block>img,
figure.block>video,
figure.block>audio {
figure.block picture,
figure.block img,
figure.block video,
figure.block audio {
display: block;
width: 100%;
height: auto;
@@ -33,12 +33,10 @@ figure.block>audio {
background: rgba(0, 0, 0, 0.5);
}
@import "_block-figure-player.scss";
// --------------------------------------------------------------------------------
// Block: Figure > Table
// --------------------------------------------------------------------------------
figure.block>table {
figure.block table {
margin: 0;
padding: 0;
display: table;
@@ -47,27 +45,27 @@ figure.block>table {
border-collapse: collapse;
}
figure.block>table>thead>tr,
figure.block>table>tbody>tr {
figure.block table>thead>tr,
figure.block table>tbody>tr {
margin: 0;
padding: 0;
vertical-align: top;
}
figure.block>table>thead>tr {
figure.block table>thead>tr {
background: $theme-article-table-head-background;
}
figure.block>table>tbody>tr {
figure.block table>tbody>tr {
background: $theme-article-table-body-background;
}
figure.block>table>tbody>tr:nth-child(2n) {
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 {
figure.block table>thead>tr>th,
figure.block table>tbody>tr>th {
margin: 0;
padding: 0.75rem 1.5rem;
font-weight: bold;
@@ -79,8 +77,8 @@ figure.block>table>tbody>tr>th {
border-bottom: none;
}
figure.block>table>thead>tr>td,
figure.block>table>tbody>tr>td {
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);