LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the ability to apply custom opacity to all elements. (#140)

Browse Source 
* Added the ability to apply custom opacity to all elements.

* Apply menu opacity to settings menu
This commit is contained in:
Jas Singh
2024-08-16 22:50:05 -07:00
committed by GitHub
parent b3b397d479
commit 0bcbe05a0b
19 changed files with 61 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/style/bar/bar.scss
View File

@@ -1,5 +1,4 @@
.bar {
.bar-panel-container {
margin-top: if($bar-floating, $bar-margin_top, 0em);
margin-bottom: if($bar-floating, $bar-margin_bottom, 0em);
@@ -7,8 +6,11 @@
margin-right: if($bar-floating, $bar-margin_sides, 0em);
}
.bar-panel {
background: if($bar-transparent, transparent, $bar-background);
$bar-opacity-ratio: $bar-opacity / 100;
$transparency-value: 1 - $bar-opacity-ratio;
background: if($bar-transparent, transparent, transparentize($bar-background, $transparency-value));
border-radius: if($bar-floating, $bar-border_radius, 0em);
}
}
@@ -18,6 +20,7 @@
border-radius: $bar-buttons-radius;
padding: 0.2rem 0.9rem;
margin: 0.5rem $bar-buttons-spacing;
opacity: $bar-buttons-opacity/100;
&:hover {
background: $bar-buttons-hover;