Module:Side box/styles.css: Difference between revisions

Revision as of 20:44, 27 May 2022

Revision as of 21:17, 27 May 2022

Line 7:

}

.side-box-abovebelow {,

.side-box-text {

padding: 0.25em 0.9em;

}

.side-box-image {

/* @noflip */

padding: 2px 0.25em 2px 0.9em;

text-align: center;

}

.side-box-imageright {

/* @noflip */

padding: 2px 0.9em 2px 0;

text-align: center;

}

/* roughly the skin's sidebar + size of side box */

.side-box-text {

padding: 0.25em 0.9em;

}

@media (min-width: 500px) {

.side-box-flex {

display: flex;

}

.side-box-text {

flex: 1;

}

}

Line 31 ⟶ 37:

@media (min-width: 720px) {

.side-box {

width: 238px;

}

.side-box-right {

/* @noflip */

clear: right;

/* @noflip */

float: right;

/* @noflip */

margin: 4px 0 4px 1em;

}

width: 238px;

/* derives from mbox classes, which do not float left in mbox-small-left

* so far as I can tell, that was a deliberate decision

*/

.side-box-left {

/* @noflip */

margin: 4px 1em 4px 0;

}

}