MediaWiki:Common.less/announcement.less: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Browse history interactively
(Created page with "//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:...")
 
No edit summary
Tag: Manual revert
 
(One intermediate revision by the same user not shown)
(No difference)

Latest revision as of 18:14, 17 October 2024

//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%);
       }

   }
Retrieved from "https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/announcement.less&oldid=38953"