52 lines
1.2 KiB
SCSS
Raw Normal View History

2023-08-31 23:03:29 +08:00
$dash_background_color: rgba(white, 0.15);
2021-04-08 22:59:05 +08:00
$dash_placeholder_size: 32px;
2021-05-15 13:02:37 +08:00
$dash_padding: $base_padding + 4px; // 10px/8px
2021-04-08 22:59:05 +08:00
$dash_spacing: $base_padding / 4;
$dash_bottom_margin: $base_margin * 4;
2021-05-15 13:02:37 +08:00
$dash_border_radius: $dash_padding * 1.5 + 12px;
2021-04-08 22:59:05 +08:00
#dash {
margin-top: $base_spacing * 2;
2023-06-30 18:09:28 +08:00
padding: 0;
2021-04-08 22:59:05 +08:00
.placeholder {
background-image:none;
background-size: contain;
height: $dash_placeholder_size;
}
// Running app indicator (shown in dash)
.app-well-app-running-dot {
2023-08-31 23:03:29 +08:00
margin-bottom: 0;
}
2021-04-08 22:59:05 +08:00
2021-08-23 21:05:29 +08:00
.dash-background {
background-color: $dash_background_color;
margin-bottom: $dash_bottom_margin;
2023-06-30 18:09:28 +08:00
padding: $dash_padding $dash_padding - $dash_spacing * 2;
2021-08-23 21:05:29 +08:00
border-radius: $dash_border_radius;
}
2021-04-08 22:59:05 +08:00
2021-08-23 21:05:29 +08:00
// Dash Items
2023-06-30 18:09:28 +08:00
.dash-item-container {
margin: 0 $dash_spacing;
> * { margin: 0; }
.app-well-app, .show-apps {
padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin;
}
.overview-icon {
padding: $dash_padding / 2;
border-radius: $dash_padding / 2 + 12px;
}
2021-08-23 21:05:29 +08:00
}
2021-04-08 22:59:05 +08:00
2021-08-23 21:05:29 +08:00
.dash-separator {
width: 1px;
margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
background-color: rgba(white, 0.25);
}
2021-04-08 22:59:05 +08:00
}