0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
wagtail/client/scss/components/_indicator.scss

42 lines
778 B
SCSS

.privacy-indicator {
&.public {
.label-private {
display: none;
}
}
&.private {
.label-public {
display: none;
}
}
}
.indicator {
font-size: 1em;
margin-inline-end: 0;
opacity: theme('opacity.70');
.icon {
border: 1px solid transparent;
border-radius: 50%;
font-size: 1.25em;
padding: 2px;
vertical-align: middle; // reset vertical-align set by icon.initial
@media (forced-colors: active) {
background-color: ButtonText;
}
}
&.indicator--is-inverse {
.icon {
border-color: theme(
'colors.surface-page'
); // ensure border is available for high contrast mode
background-color: theme('colors.text-context');
color: theme('colors.surface-page');
}
}
}