MediaWiki:Common.less/announcement.less: Difference between revisions
(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: Reverted |
||
| Line 1: | Line 1: | ||
//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%); } } |
|||
//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%); |
|||
} |
|||
} |
|||
Revision as of 17:12, 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%); } }