Added a Nix Flake and support for running from the Nix Store (#47)
* Added a Nix Flake and support for running from the Nix Store * Removed variable imports since they're brough in at the top level. * Removed redundan imports and remove unused files (moved to temp). --------- Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
This commit is contained in:
Chi
GitHub
@@ -1,197 +1,222 @@
|
||||
@import "../colors";
|
||||
@import '../../variables';
|
||||
|
||||
window#powermenu,
|
||||
window#verification {
|
||||
// the fraction has to be more than hyprland ignorealpha
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
// the fraction has to be more than hyprland ignorealpha
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
$popover-padding: 0.6rem * 1.6;
|
||||
|
||||
window#verification .verification {
|
||||
@include floating-widget;
|
||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-powermenu-confirmation-background);
|
||||
padding: 0.35em * 1.6 * 1.5;
|
||||
min-width: 20em;
|
||||
min-height: 6em;
|
||||
font-size: 1.3em;
|
||||
@include floating-widget;
|
||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-powermenu-confirmation-background);
|
||||
padding: 0.35em * 1.6 * 1.5;
|
||||
min-width: 20em;
|
||||
min-height: 6em;
|
||||
font-size: 1.3em;
|
||||
|
||||
.verification-content {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-powermenu-confirmation-card);
|
||||
border-radius: 0.4em;
|
||||
padding: 1em;
|
||||
.verification-content {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-powermenu-confirmation-card);
|
||||
border-radius: 0.4em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.text-box {
|
||||
margin-bottom: 0.3em;
|
||||
|
||||
.title {
|
||||
font-size: 1.5em;
|
||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-powermenu-confirmation-label);
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.text-box {
|
||||
margin-bottom: 0.3em;
|
||||
|
||||
.title {
|
||||
font-size: 1.5em;
|
||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-powermenu-confirmation-label);
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-dashboard-powermenu-confirmation-body);
|
||||
font-size: 1em;
|
||||
margin-bottom: 0.55em;
|
||||
padding: 1em 3em;
|
||||
}
|
||||
.desc {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-dashboard-powermenu-confirmation-body);
|
||||
font-size: 1em;
|
||||
margin-bottom: 0.55em;
|
||||
padding: 1em 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.verification-button {
|
||||
background: $bar-menus-buttons-default;
|
||||
padding: 0.7em 0em;
|
||||
margin: 0.4em 1.7em;
|
||||
border-radius: 0.3em;
|
||||
opacity: 1;
|
||||
transition: border-color 0.2s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
|
||||
&.bar-verification_yes {
|
||||
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm);
|
||||
}
|
||||
&.bar-verification_no {
|
||||
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&.bar-verification_yes {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
&.bar-verification_yes{
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
&.bar-verification_yes {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
image {
|
||||
opacity: .3;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
label {
|
||||
opacity: .3;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bar-verification_no label {
|
||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
|
||||
}
|
||||
.bar-verification_yes label {
|
||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
|
||||
}
|
||||
}
|
||||
|
||||
window#powermenu .powermenu {
|
||||
@include floating-widget;
|
||||
&.line {
|
||||
padding: $popover-padding * 1.5;
|
||||
}
|
||||
|
||||
&.box {
|
||||
padding: $popover-padding * 2;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-button {
|
||||
border-color: $crust;
|
||||
min-width: 4.5em;
|
||||
min-height: 4.5em;
|
||||
.verification-button {
|
||||
background: $bar-menus-buttons-default;
|
||||
padding: 0.7em 0em;
|
||||
margin: 0.4em 1.7em;
|
||||
border-radius: 0.3em;
|
||||
opacity: 1;
|
||||
transition: border-color 0.2s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
|
||||
&.bar-verification_yes {
|
||||
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm);
|
||||
}
|
||||
|
||||
&.bar-verification_no {
|
||||
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: $red;
|
||||
}
|
||||
&.powermenu-button-logout {
|
||||
border-color: $green;
|
||||
}
|
||||
&.powermenu-button-sleep {
|
||||
border-color: $sky;
|
||||
}
|
||||
&.powermenu-button-reboot {
|
||||
border-color: $peach;
|
||||
}
|
||||
&.bar-verification_yes {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: $red;
|
||||
}
|
||||
&.powermenu-button-logout {
|
||||
border-color: $green;
|
||||
}
|
||||
&.powermenu-button-sleep {
|
||||
border-color: $sky;
|
||||
}
|
||||
&.powermenu-button-reboot {
|
||||
border-color: $peach;
|
||||
}
|
||||
} &:active {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: rgba($red, .5);
|
||||
}
|
||||
&.powermenu-button-logout {
|
||||
border-color: rgba($green, .5);
|
||||
}
|
||||
&.powermenu-button-sleep {
|
||||
border-color: rgba($sky, .5);
|
||||
}
|
||||
&.powermenu-button-reboot {
|
||||
border-color: rgba($peach, .5);
|
||||
}
|
||||
&.bar-verification_yes {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
&.bar-verification_yes {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
&.bar-verification_no {
|
||||
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
|
||||
transition: background 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
image {
|
||||
opacity: .3;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
|
||||
label {
|
||||
opacity: .3;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bar-verification_no label {
|
||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
|
||||
}
|
||||
|
||||
.bar-verification_yes label {
|
||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
|
||||
}
|
||||
}
|
||||
|
||||
window#powermenu .powermenu {
|
||||
@include floating-widget;
|
||||
|
||||
&.line {
|
||||
padding: $popover-padding * 1.5;
|
||||
}
|
||||
|
||||
&.box {
|
||||
padding: $popover-padding * 2;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-button {
|
||||
border-color: $crust;
|
||||
min-width: 4.5em;
|
||||
min-height: 4.5em;
|
||||
opacity: 1;
|
||||
transition: border-color 0.2s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: $red;
|
||||
}
|
||||
|
||||
&.powermenu-button-logout {
|
||||
border-color: $green;
|
||||
}
|
||||
|
||||
&.powermenu-button-sleep {
|
||||
border-color: $sky;
|
||||
}
|
||||
|
||||
&.powermenu-button-reboot {
|
||||
border-color: $peach;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: $red;
|
||||
}
|
||||
|
||||
&.powermenu-button-logout {
|
||||
border-color: $green;
|
||||
}
|
||||
|
||||
&.powermenu-button-sleep {
|
||||
border-color: $sky;
|
||||
}
|
||||
|
||||
&.powermenu-button-reboot {
|
||||
border-color: $peach;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
&.powermenu-button-shutdown {
|
||||
border-color: rgba($red, .5);
|
||||
}
|
||||
|
||||
&.powermenu-button-logout {
|
||||
border-color: rgba($green, .5);
|
||||
}
|
||||
|
||||
&.powermenu-button-sleep {
|
||||
border-color: rgba($sky, .5);
|
||||
}
|
||||
|
||||
&.powermenu-button-reboot {
|
||||
border-color: rgba($peach, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.system-button_icon {
|
||||
&.shutdown {
|
||||
color: $red;
|
||||
}
|
||||
&.logout {
|
||||
color: $green;
|
||||
}
|
||||
&.reboot {
|
||||
color: $peach;
|
||||
}
|
||||
&.sleep {
|
||||
color: $sky;
|
||||
}
|
||||
&.shutdown {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
&.logout {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
&.reboot {
|
||||
color: $peach;
|
||||
}
|
||||
|
||||
&.sleep {
|
||||
color: $sky;
|
||||
}
|
||||
}
|
||||
|
||||
.system-button_label {
|
||||
&.shutdown {
|
||||
color: $red;
|
||||
}
|
||||
&.logout {
|
||||
color: $green;
|
||||
}
|
||||
&.reboot {
|
||||
color: $peach;
|
||||
}
|
||||
&.sleep {
|
||||
color: $sky;
|
||||
}
|
||||
&.shutdown {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
&.logout {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
&.reboot {
|
||||
color: $peach;
|
||||
}
|
||||
|
||||
&.sleep {
|
||||
color: $sky;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user