faukah/nichts
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

many changed, added nixos-hardware

Browse source
This commit is contained in:
Charlie Root 2024-07-07 13:23:38 +02:00
commit 2accd81424
149 changed files with 19124 additions and 238 deletions
Download patch file Download diff file Expand all files Collapse all files

243
modules/styling/config/scss/_notifications.scss Normal file
View file

@ -0,0 +1,243 @@
$notif_surface: $t_background;
@mixin notif-rounding {
@include normal-rounding;
}
.notif-low {
@include notif-rounding;
background-color: $l_l_t_surfaceVariant;
color: $onSurfaceVariant;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.notif-normal {
@include notif-rounding;
background-color: $l_l_t_surfaceVariant;
color: $onSurfaceVariant;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.notif-critical {
@include notif-rounding;
background-color: $secondaryContainer;
color: $onSecondaryContainer;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.notif-clicked-low {
background-color: mix($l_l_t_surfaceVariant, $t_onSurfaceVariant, 85%);
}
.notif-clicked-normal {
background-color: mix($l_l_t_surfaceVariant, $t_onSurfaceVariant, 85%);
}
.notif-clicked-critical {
background-color: mix($secondaryContainer, $onSecondaryContainer, 95%);
}
.popup-notif-low {
@include notif-rounding;
min-width: 30.682rem;
background-color: $notif_surface;
color: $onSurfaceVariant;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.popup-notif-normal {
@include notif-rounding;
min-width: 30.682rem;
background-color: $notif_surface;
color: $onSurfaceVariant;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.popup-notif-critical {
@include notif-rounding;
min-width: 30.682rem;
background-color: $secondaryContainer;
color: $onSecondaryContainer;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
.popup-notif-clicked-low {
background-color: mix($notif_surface, $onBackground, 94%);
}
.popup-notif-clicked-normal {
background-color: mix($notif_surface, $onBackground, 94%);
}
.popup-notif-clicked-critical {
background-color: mix($secondaryContainer, $onSecondaryContainer, 96%);
}
.notif-body-low {
color: mix($onSurfaceVariant, $surfaceVariant, 67%);
}
.notif-body-normal {
color: mix($onSurfaceVariant, $surfaceVariant, 67%);
}
.notif-body-critical {
color: mix($onSecondaryContainer, $secondaryContainer, 67%);
}
.notif-icon {
@include full-rounding;
min-width: 3.409rem;
min-height: 3.409rem;
font-size: 3.409rem;
}
.notif-icon-material {
background-color: $t_secondaryContainer;
color: $onSecondaryContainer;
}
.notif-icon-material-low {
background-color: $t_secondaryContainer;
color: $onSecondaryContainer;
}
.notif-icon-material-normal {
background-color: $t_secondaryContainer;
color: $onSecondaryContainer;
}
.notif-icon-material-critical {
background-color: $t_onSecondaryContainer;
color: $secondaryContainer;
}
.notif-expand-btn {
@include notif-rounding;
min-width: 1.841rem;
min-height: 1.841rem;
}
.notif-expand-btn:hover,
.notif-expand-btn:focus {
background: $hovercolor;
}
.notif-expand-btn:active {
background: $activecolor;
}
.notif-listaction-btn {
@include notif-rounding;
padding: 0.341rem 0.682rem;
}
.notif-listaction-btn:hover,
.notif-listaction-btn:focus {
background-color: $hovercolor;
}
.notif-listaction-btn:active {
background-color: $activecolor;
}
.notif-listaction-btn-enabled {
background-color: $secondaryContainer;
color: $onSecondaryContainer;
}
.notif-listaction-btn-enabled:hover,
.notif-listaction-btn-enabled:focus {
background-color: mix($secondaryContainer, $onSecondaryContainer, 90%);
}
.notif-listaction-btn-enabled:active {
background-color: mix($secondaryContainer, $onSecondaryContainer, 75%);
}
.osd-notif {
@include notif-rounding;
background-color: transparentize($background,
$transparentize_surface_amount_subtract_surface );
min-width: 30.682rem;
}
.notif-circprog-low {
transition: 0ms linear;
min-width: 0.136rem; // line width
min-height: 3.136rem;
padding: 0rem;
color: $onSecondaryContainer;
}
.notif-circprog-normal {
transition: 0ms linear;
min-width: 0.136rem; // line width
min-height: 3.136rem;
padding: 0rem;
color: $onSecondaryContainer;
}
.notif-circprog-critical {
transition: 0ms linear;
min-width: 0.136rem; // line width
min-height: 3.136rem;
padding: 0rem;
color: $secondaryContainer;
}
.notif-actions {
min-height: 2.045rem;
}
.notif-action {
@include small-rounding;
}
.notif-action-low {
background-color: mix($t_onSurfaceVariant, $t_surface, 10%);
color: $onSurfaceVariant;
}
.notif-action-low:focus,
.notif-action-low:hover {
background-color: $hovercolor;
}
.notif-action-low:active {
background-color: $activecolor;
}
.notif-action-normal {
background-color: mix($t_onSurfaceVariant, $t_surface, 10%);
color: $onSurfaceVariant;
}
.notif-action-normal:focus,
.notif-action-normal:hover {
background-color: $hovercolor;
}
.notif-action-normal:active {
background-color: $activecolor;
}
.notif-action-critical {
background-color: mix($t_onSecondaryContainer, $t_secondaryContainer, 10%);
color: $onSurfaceVariant;
}
.notif-action-critical:focus,
.notif-action-critical:hover {
background-color: mix($t_onSecondaryContainer, $t_secondaryContainer, 18%);
}
.notif-action-critical:active {
background-color: mix($t_onSecondaryContainer, $t_secondaryContainer, 23%);
}