Template:Pie chart/styles.css: Difference between revisions
Jump to navigation
Jump to search
Created page with ".pie-chart-wrapper { float: right; clear: right; margin: 0 0 1em 1em; width: auto; } .PieChartTemplate { display: inline-block; vertical-align: top; } .thumbcaption { text-align: left; } →Ensure text wraps around the chart: .mw-content-ltr .pie-chart-wrapper { clear: right; } →For better responsiveness: @media (max-width: 600px) { .pie-chart-wrapper { float: none; margin: 1em auto; text-align: center..." |
mNo edit summary |
||
Line 21: | Line 21: | ||
/* For better responsiveness */ | /* For better responsiveness */ | ||
@media (max-width: | @media (max-width: 400px) { | ||
.pie-chart-wrapper { | .pie-chart-wrapper { | ||
float: none; | float: none; |
Revision as of 16:02, 31 July 2024
.pie-chart-wrapper {
float: right;
clear: right;
margin: 0 0 1em 1em;
width: auto;
}
.PieChartTemplate {
display: inline-block;
vertical-align: top;
}
.thumbcaption {
text-align: left;
}
/* Ensure text wraps around the chart */
.mw-content-ltr .pie-chart-wrapper {
clear: right;
}
/* For better responsiveness */
@media (max-width: 400px) {
.pie-chart-wrapper {
float: none;
margin: 1em auto;
text-align: center;
}
}