Module:Portal/sandbox/styles.css: Difference between revisions

Content deleted Content added
don't squash text if width < 720px
get rid of clear/float
 
(40 intermediate revisions by 2 users not shown)
Line 1:
/* {{pp-template}} */
.portalbox-sand {
padding: 0; /* Timeless adds padding */
margin: 0.5em 0;
display: table;
box-sizing: border-box;
max-width: 175px;
list-style: none;
}
 
.portalborder-sand {
border: 1px solid #aaavar(--border-color-base, 1px#a2a9b1);
padding: 0.1em;
background: var(--background-color-neutral-subtle, #f9f9f9f8f9fa);
 
@media not screen and (max-width: 720px) {
.portalbox-sand.tleft { margin: 0.5em 1em 0.5em 0 }
.portalbox-sand.tright { margin: 0.5em 0 0.5em 1em }
 
@media screen and (max-width: 720px) {
.portalbox-sand.tleft { float: none;}
.portalbox-sand.right { float: none;}
}
 
Line 26 ⟶ 19:
font-size: 85%;
line-height: 110%;
height: 1.9em; /* sets min height */
font-style: italic;
font-weight: bold;
}
 
.portalbox-image-sand {
display: table-cell;
Line 40 ⟶ 35:
padding: 0.2em 0.2em 0.2em 0.3em;
vertical-align: middle;
 
@media not screen and (maxmin-width: 720px) {
.portalleft-sand {
.portalbox-sand.tleft { margin: 0.5em 1em 0.5em 0 }
}
.portalright-sand {
clear: right;
float: right;
.portalbox-sand.tright { margin: 0.5em 0 0.5em 1em }
}
}