CURRENT MISSION: Conclude the 2026 soyjak.party hack page, aswell as any pages relating to it, such as the Summer 2026 Crisis page.
Update Quotecord with any relevant info. See the blackboard for more info.
Template:Countries/styles.css: Difference between revisions
From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
MarketPliers (talk | contribs) we're not cavemen who have to use float for layout shifts anymore |
MarketPliers (talk | contribs) mNo edit summary |
||
| Line 34: | Line 34: | ||
text-align: center; | text-align: center; | ||
color: initial; | color: initial; | ||
} | |||
.expandos { | |||
row-gap: 0.25rem; | |||
} | } | ||
Revision as of 09:26, 4 March 2026
.countries {
display: grid;
grid-template-rows: repeat(2, auto);
align-items: center;
background: linear-gradient(to bottom, #FEDBB7, #FFE 5rem);
border: 1px solid #800;
color: #800;
padding: 0.25rem 0.5rem;
margin: 0.75rem 0;
gap: 0.25rem;
text-align: center;
clear: both;
}
.section-heading {
display: flex;
gap: 0.5ch;
justify-content: center;
background-color: #ea8;
border: 1px solid #800;
padding: 0.25rem 0.5rem;
font-weight: bold;
}
.collapse-button {
cursor: pointer;
color: #002bb8;
}
.section-content {
background-color: white;
border: 1px solid #a9a9a9;
padding: 0.25rem 0.5rem;
text-align: center;
color: initial;
}
.expandos {
row-gap: 0.25rem;
}
@media (min-width: 500px) {
.countries {
grid-template-columns: repeat(2, auto);
grid-template-rows: unset;
column-gap: 0.75rem;
}
}