Jump to content
Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
If you make an edit, a temporary account will be created for you.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
ReisuDesign (talk | contribs)
Added class pill
ReisuDesign (talk | contribs)
No edit summary
Line 1,268: Line 1,268:
  * ========================================================== */
  * ========================================================== */


.pill {
.pill, ul.pill-list > li {
    --pill-padding: 0.25em 0.75em;
    --pill-radius: 10px;
    --pill-background: var(--background-color-2);
    --pill-background-hover: var(--pill-background);
    --pill-hover-shadow: 0 0 0 1px var(--background-color-4);
 
     display: inline-flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
 
     padding: 0.25em 0.75em;
     padding: var(--pill-padding);
     border-radius: 10px;
     border-radius: var(--pill-radius);
     background: var(--background-color-2);
 
     background: var(--pill-background);
 
    text-decoration: none;
 
     transition:
     transition:
         background-color 0.15s ease,
         background-color 0.15s ease,
Line 1,291: Line 1,280:


.pill:hover,
.pill:hover,
.pill:focus-visible {
.pill:focus-visible,
     background: var(--pill-background-hover);
ul.pill-list > li:hover,
     box-shadow: var(--pill-hover-shadow);
ul.pill-list > li:focus-within {
 
     background: var(--background-color-2);
    text-decoration: none;
     box-shadow: 0 0 0 1px var(--background-color-4);
}
}