56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
// Rubberband for select-area screenshots
|
|
.select-area-rubberband {
|
|
background-color: transparentize($selected_bg_color,0.7);
|
|
border: 1px solid $selected_bg_color;
|
|
}
|
|
|
|
// User icon
|
|
.user-icon {
|
|
background-size: contain;
|
|
color: $osd_fg_color;
|
|
border-radius: 99px;
|
|
&:hover {
|
|
color: lighten($osd_fg_color,30%);
|
|
}
|
|
|
|
& StIcon {
|
|
background-color: transparentize($osd_fg_color,0.95);
|
|
border-radius: 99px;
|
|
}
|
|
}
|
|
|
|
.user-widget.vertical .user-icon {
|
|
icon-size: $base_icon_size * 6; // 128px
|
|
|
|
& StIcon {
|
|
padding: $base_padding * 3 + 2px; // 20px
|
|
padding-top: $base_padding * 3; // 18 px
|
|
padding-bottom: $base_padding * 3 + 4px; // 22px
|
|
width: $base_icon_size * 5.5; height: $base_icon_size * 5.5; // 88px;
|
|
}
|
|
}
|
|
|
|
.user-widget.horizontal .user-icon {
|
|
icon-size: $base_icon_size * 4; // 64px
|
|
|
|
& StIcon {
|
|
padding: $base_padding * 2 ; // 12px
|
|
width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px;
|
|
}
|
|
}
|
|
|
|
.lightbox { background-color: black; }
|
|
.flashspot { background-color: white; }
|
|
|
|
|
|
// Hidden
|
|
.hidden { color: rgba(0,0,0,0);}
|
|
|
|
// Caps-lock warning
|
|
.caps-lock-warning-label {
|
|
text-align: center;
|
|
padding-bottom: 8px;
|
|
@include fontsize($base_font_size - 1);
|
|
color: $warning_color;
|
|
}
|