Module:Progression rainbow/styles.css: Difference between revisions

Revision as of 00:55, 28 October 2020

Latest revision as of 03:37, 23 February 2024

(7 intermediate revisions by 3 users not shown)

Line 1:

/* {{pp-template}} */

.progression-rainbow {

border: 1px solid grey;

height: 10px4px;

widthpadding: 100%1px;

borderlist-spacingstyle: 1pxnone;

display: blockflex;

border-collapse: separate;

margin-left: 0;

}

.progression-rainbow tr tdli {

height: 4px100%;

}

.progression-rainbow tr .remaining {

background: #E2E2E2;

}

/* hide the text provided for blind people

https://webaim.org/techniques/css/invisiblecontent/

don't have access to clip. too new? open to abuse?

*/

.progression-rainbow span {

position: absolute;

left: -10000px;

top: auto;

width: 1px;

height: 1px;

overflow: hidden;

}

@media all and (max-width: 800px) {

.progression-rainbow {

max-width: 100%;

}

.progression-rainbow tr td {

display: block;

}

}