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

no edit summary
(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:
//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%);
}
 
}