fujin/gruvbox-wallpapers
1
0
Fork 0
mirror of https://github.com/AngelJumbo/gruvbox-wallpapers.git synced 2026-08-17 03:12:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed theme switcher, changed \" to ' in build.sh, added .btn class and hover color for it

Browse Source
This commit is contained in:
Katy248
2024-06-05 12:56:59 +00:00
parent c5aab3de19
commit 96eef9616a
3 changed files with 94 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+34 -27
View File
@@ -8,6 +8,7 @@
--fg-color-reverse: light-dark(#fbf1c7, #282828);
--bg-color-3: light-dark(#bdae93, #665c54);
--bg-color-3-switch: light-dark(#665c54, #bdae93);
--bg-color-hard: light-dark(#f9f5d7, #1d2021);
--gray: light-dark(#7c6f64, #a89984);
}
@@ -19,8 +20,9 @@ body {
font-family: "Curier New", monospace;
}
*:not( i ) {
* {
color: var(--fg-color);
border: none;
}
h1,
@@ -87,27 +89,33 @@ img:hover {
margin-top: 5px;
margin-bottom: 10px;
padding: 5px;
/*border-radius: 8px; */
color: var(--fg-color-reverse);
/*display: flex;
justify-content: center;*/
text-align: center;
}
.pager button {
.btn {
cursor: pointer;
background-color: var(--bg-color-reverse);
border: none;
color: var(--fg-color-reverse);
/* Horizontal and vertical center content */
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
&:hover {
background-color: var(--bg-color-3-switch);
}
}
.btn.pager-btn {
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: 900;
margin: 4px 2px;
cursor: pointer;
&.sel-btn {
&.selected {
background-color: var(--bg-color);
color: var(--fg-color);
@@ -125,26 +133,25 @@ img:hover {
display: none;
}
.float-btns{
.float-btns {
position: fixed;
/*top: 80%;*/
bottom: 10px;
right: 35px;
bottom: 1rem;
right: 2rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.float-btn{
background-color: var(--bg-color-reverse);
border: none;
color: var(--fg-color-reverse);
text-align: center;
text-decoration: none;
display: inline-block;
.btn.float-btn {
height: 2.5rem;
width: 2.5rem;
margin-bottom: 10px;
font-size: 1.5rem;
& i {
color: var(--fg-color-reverse);
}
}
.float-btn span{
font-size: 1.5rem;
color: var(--fg-color-reverse);
}
.hidden {
display: none !important;
}