mirror of
https://github.com/Theaninova/TheaninovOS.git
synced 2026-01-07 00:02:50 +00:00
82 lines
1.4 KiB
SCSS
82 lines
1.4 KiB
SCSS
window.corner .corner {
|
|
background-color: $bg-color;
|
|
border-radius: $radii * 2;
|
|
min-width: 2px;
|
|
min-height: 2px;
|
|
}
|
|
|
|
window.desktop {
|
|
@if $bar-style == "normal" {
|
|
border-radius: if($screen-corners, $radii * 2, 0);
|
|
box-shadow: inset 0 0 $wm-gaps / 2 0 $shadow;
|
|
}
|
|
|
|
.clock-box-shadow {
|
|
border: 5px solid $wallpaper-fg;
|
|
border-radius: $radii;
|
|
|
|
.clock-box {
|
|
border-radius: max($radii - 5px, 0);
|
|
padding: 0 14px;
|
|
|
|
.clock {
|
|
color: $wallpaper-fg;
|
|
font-size: 140px;
|
|
font-family: $mono-font;
|
|
}
|
|
|
|
.separator-box {
|
|
padding: 24px 12px;
|
|
|
|
separator {
|
|
border-radius: $radii;
|
|
min-width: 16px;
|
|
min-height: 16px;
|
|
background-color: $wallpaper-fg;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.date {
|
|
color: $wallpaper-fg;
|
|
font-size: 48px;
|
|
}
|
|
|
|
@if $drop-shadow {
|
|
.clock-box-shadow,
|
|
separator {
|
|
box-shadow: 2px 2px 2px 0 $shadow;
|
|
}
|
|
|
|
.clock-box {
|
|
box-shadow: inset 2px 2px 2px 0 $shadow;
|
|
}
|
|
|
|
label {
|
|
text-shadow: $text-shadow;
|
|
}
|
|
} @else {
|
|
.clock-box-shadow {
|
|
box-shadow:
|
|
0 0 0 $border-width $border-color,
|
|
inset 0 0 0 $border-width $border-color;
|
|
}
|
|
|
|
separator {
|
|
border: $border;
|
|
}
|
|
|
|
label {
|
|
@include text-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
.desktop-menu {
|
|
image {
|
|
margin-left: -14px;
|
|
margin-right: 6px;
|
|
}
|
|
}
|