Template:Wikipedia's sister projects/styles.css: Difference between revisions

move this inside the 360px+
m 17 revisions imported
Tags: Mobile edit Mobile web edit
 
(10 intermediate revisions by 3 users not shown)
Line 7: Line 7:
#sister-projects-list li {
#sister-projects-list li {
display: inline-block;
display: inline-block;
flex: 1 0 25%;
}
}


Line 21: Line 20:


#sister-projects-list li > div:first-child {
#sister-projects-list li > div:first-child {
min-width: 50px;
text-align: center;
text-align: center;
}
@media screen {
    .sister-projects-wikt-icon-dark,
    html.skin-theme-clientpref-night .sister-projects-wikt-icon-light {
display: none;
}
html.skin-theme-clientpref-night .sister-projects-wikt-icon-dark {
display: inline;
}
}
@media screen and ( prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sister-projects-wikt-icon-dark {
display: inline;
}
html.skin-theme-clientpref-os .sister-projects-wikt-icon-light {
display: none;
}
}
}


Line 30: Line 50:
min-width: 20em;
min-width: 20em;
white-space: nowrap;
white-space: nowrap;
flex: 1 0 25%;
}
#sister-projects-list li > div:first-child {
min-width: 50px;
}
}
}
}