Difference between revisions of "MediaWiki:Common.css"
From Documentation
(Created page with "→CSS placed here will be applied to all skins: →****** Extra buttons for 'edittools' (modified from www.mediawiki.org/MediaWiki:Common.css) *******: .my-buttons { /* pad...") |
|||
| (3 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | + | /* extracted from Bootstrap v5.1.0 (https://getbootstrap.com/) */ | |
| − | /* | + | h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { |
| − | . | + | margin-top: 0; |
| − | + | margin-bottom: 0.5rem; | |
| − | + | font-weight: 500; | |
| + | line-height: 1.2; | ||
} | } | ||
| − | . | + | |
| − | + | h1, .h1 { | |
| − | + | font-size: calc(1.375rem + 1.5vw); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | @media (min-width: 1200px) { | |
| − | + | h1, .h1 { | |
| − | + | font-size: 2.5rem; | |
| + | } | ||
} | } | ||
| − | . | + | |
| − | + | h2, .h2 { | |
| − | + | font-size: calc(1.325rem + 0.9vw); | |
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | h2, .h2 { | ||
| + | font-size: 2rem; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | h3, .h3 { | ||
| + | font-size: calc(1.3rem + 0.6vw); | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | h3, .h3 { | ||
| + | font-size: 1.75rem; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | h4, .h4 { | ||
| + | font-size: calc(1.275rem + 0.3vw); | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | h4, .h4 { | ||
| + | font-size: 1.5rem; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | h5, .h5 { | ||
| + | font-size: 1.25rem; | ||
| + | } | ||
| + | |||
| + | h6, .h6 { | ||
| + | font-size: 1rem; | ||
} | } | ||
Latest revision as of 04:31, 6 January 2022
/* CSS placed here will be applied to all skins */
/* extracted from Bootstrap v5.1.0 (https://getbootstrap.com/) */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}