beardedtek/flowbite-beardedtek.com
1
0
Fork 0
mirror of https://github.com/BeardedTek/flowbite-beardedtek.com.git synced 2025-12-06 05:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modify cookie banner update javascript bundle with webpack

Browse Source
This commit is contained in:
BeardedTek
2025-04-22 12:29:53 -08:00
parent 554cb7ca38
commit e8969ef00b
13 changed files with 308 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/css/custom.css
View File

@@ -126,4 +126,65 @@
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: italic;
}
}
.cookie-banner{
border-width: 1px;
}
.switch {
--secondary-container: #101828;
--primary: #00ff00;
font-size: 17px;
position: relative;
display: inline-block;
width: 2.4em;
height: 1.3em;
}
.switch input {
display: none;
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #101828;
transition: .2s;
border-radius: 30px;
}
.slider:before {
position: absolute;
content: "";
height: 0.9em;
width: 0.9em;
border-radius: 20px;
left: 0.2em;
bottom: 0.2em;
background-color: #ff4c4c;
transition: .4s;
}
input:checked + .slider::before {
background-color: var(--primary);
}
input:checked + .slider {
background-color: var(--secondary-container);
}
input:focus + .slider {
box-shadow: 0 0 1px var(--secondary-container);
}
input:checked + .slider:before {
transform: translateX(1em);
}