add button to skip all cws

This commit is contained in:
rhiannon morris 2022-12-26 22:04:57 +01:00
parent 1e7a58359d
commit ccb4c2eabd
4 changed files with 60 additions and 32 deletions

View file

@ -123,6 +123,7 @@ figure > img {
display: flex;
align-items: flex-start;
flex-flow: row wrap;
margin-top: 0;
margin-bottom: -0.5em;
}
@ -139,7 +140,7 @@ figure > img {
justify-content: center;
}
.bb-choice input {
.buttonbar input {
display: inline;
-webkit-appearance: none;
-moz-appearance: none;
@ -149,7 +150,7 @@ figure > img {
width: 0;
}
.bb-choice label, .bb-links li {
.buttonbar label, .bb-links li {
margin-right: 0.5em;
padding: 0 0.35em;
border-radius: var(--button-corner);
@ -159,11 +160,11 @@ figure > img {
text-shadow: none;
}
.bb-choice :focus ~ label, .bb-links li:focus-within {
.buttonbar :focus ~ label, .bb-links li:focus-within {
box-shadow: var(--focus-box);
}
.bb-choice :checked ~ label {
.buttonbar :checked ~ label {
color: var(--button-bg);
background: var(--text-col);
}

View file

@ -190,17 +190,12 @@ footer {
#alts {
margin: 1.5em 0;
text-align: center;
}
#alts.cat {
display: grid;
grid-template-columns: minmax(auto, 10em) auto;
grid-gap: 0.5em;
align-items: baseline;
justify-content: center;
grid-template-columns: minmax(auto, 10em) auto minmax(auto, 10em);
}
#alts.cat :is(h3,ul) { margin: 0; }
#alts.cat :is(h3, ul) { margin: 0; }
#alts section {
display: contents;
@ -211,9 +206,18 @@ footer {
display: inline;
padding-right: 0.5em;
text-align: right;
grid-area: auto / 1 / auto / auto;
}
#alts.cat ul {
#alts ul {
display: inline flex;
justify-content: start;
grid-area: auto / 2 / auto / auto;
}
.cat ul { justify-content: start; }
#skipAllDiv {
align-self: start;
justify-content: end;
grid-area: 1 / 3 / auto / auto;
}