overleaf/services/web/frontend/stylesheets/components/beta-badges.less
Brian Gough fde4f72adf Merge pull request #6779 from overleaf/ae-cm-editor-switch
[web] [cm6] Add a three-way switch for editor choice

GitOrigin-RevId: fff788ddad8d10488e8446de7f1503702da0985f
2022-02-22 09:03:05 +00:00

50 lines
856 B
Text

.info-badge,
.beta-badge {
display: inline-block;
width: @line-height-computed * 0.75;
height: @line-height-computed * 0.75;
line-height: @font-size-small;
font-size: @line-height-computed * 0.75;
text-align: center;
color: #fff;
&::before {
line-height: @font-size-small;
font-size: @font-size-small;
}
&:hover,
&:focus {
color: #fff;
text-decoration: none;
}
}
.info-badge {
background-color: @info-badge-bg;
border-radius: @line-height-computed * 0.75;
font-family: @font-family-serif;
font-style: italic;
&::before {
content: 'i';
}
}
.info-badge-fade-bg {
.info-badge;
background-color: rgba(0, 0, 0, 0.25);
}
.beta-badge {
background-color: @orange;
border-radius: @border-radius-base;
&::before {
content: 'β';
}
}
.tooltip-wide .tooltip-inner {
min-width: 275px;
}