MediaWiki:Common.less/announcement.less

From RuneRealm Wiki

This is the current revision of this page, as edited by Alex (talk | contribs) at 17:14, 17 October 2024. The present address (URL) is a permanent link to this version.

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

//css for mainpage announcement pill

   .announcement {
       margin: .5em 0 1.5em;
       a {
           background: @black-haze;
           border: 1px solid @mystic;
           color: @shuttle-gray;
           font-size: .9em;
           line-height: 1.25em;
           padding: .25em .75em;
           border-radius: 10em;
           transition: .25s ease;
           
           display: inline-flex; // vertically center the pill
           align-items: center;
           &:hover {
               text-decoration: none;
               box-shadow: @box-shadow;
           }
       }
       .announcement-pill {
           background: @lima;
           color: @white;
           font-size: .85em;
           font-weight: bold;
           text-transform: uppercase;
           border-radius: 10em;
           padding: .1em .6em;
           margin: 0 .5em 0 -0.5em;
       }
       .arrow.dark {
           margin-left: .5em;
           filter: invert(50%);
       }
   }