Difference between revisions of "MediaWiki:Common.css"
From NY Science Standards Wiki
| Line 2: | Line 2: | ||
@import "override.css"; | @import "override.css"; | ||
| + | /* NGSS Dimensions formatting */ | ||
.three-column-wrapper { | .three-column-wrapper { | ||
display: flex; | display: flex; | ||
| Line 20: | Line 21: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
| + | } | ||
| + | |||
| + | #sep-section { | ||
| + | background-color: aliceblue; | ||
| + | } | ||
| + | |||
| + | #dci-section { | ||
| + | background-color: antiquewhite; | ||
| + | } | ||
| + | |||
| + | #cc-section { | ||
| + | background-color: rgb(240, 255, 241); | ||
} | } | ||
Revision as of 13:41, 30 March 2025
/* CSS placed here will be applied to all skins */
@import "override.css";
/* NGSS Dimensions formatting */
.three-column-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#sep-section, #dci-section, #cc-section {
flex: 1;
min-width: 250px; /* prevents squishing on narrower screens */
padding: 16px;
box-sizing: border-box;
}
/* Optional: stack vertically on smaller screens */
@media (max-width: 768px) {
.three-column-wrapper {
flex-direction: column;
}
}
#sep-section {
background-color: aliceblue;
}
#dci-section {
background-color: antiquewhite;
}
#cc-section {
background-color: rgb(240, 255, 241);
}