ritual/ritual.sh
ritual/ritual.sh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding manual image background

Browse source
This commit is contained in:
Dan 2026-01-09 17:51:53 +00:00
parent f8d45f957a
commit 0d09907da1
7 changed files with 233 additions and 1328 deletions
Download patch file Download diff file Expand all files Collapse all files

69
assets/sass/pages/button-generator.scss
View file

@ -330,6 +330,75 @@
cursor: pointer;
accent-color: #0096ff;
}
// Custom file input styling
input[type="file"] {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid rgba(0, 150, 255, 0.4);
border-radius: 4px;
font-size: 0.9rem;
background: rgba(5, 15, 30, 0.7);
color: rgba(200, 220, 255, 0.95);
transition: all 0.3s ease;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
cursor: pointer;
&::file-selector-button {
padding: 0.5rem 1rem;
margin-right: 1rem;
border: 1px solid rgba(0, 150, 255, 0.5);
border-radius: 4px;
background: linear-gradient(
135deg,
rgba(0, 120, 200, 0.3) 0%,
rgba(0, 100, 180, 0.2) 100%
);
color: #66ccff;
cursor: pointer;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
transition: all 0.3s ease;
&:hover {
background: linear-gradient(
135deg,
rgba(0, 150, 255, 0.4) 0%,
rgba(255, 100, 0, 0.3) 100%
);
border-color: rgba(0, 150, 255, 0.8);
box-shadow:
0 0 15px rgba(0, 150, 255, 0.4),
0 0 20px rgba(255, 120, 0, 0.2);
color: #fff;
text-shadow: 0 0 10px rgba(0, 150, 255, 0.6);
transform: translateY(-1px);
}
&:active {
transform: translateY(0);
}
}
&:hover {
border-color: rgba(0, 150, 255, 0.7);
box-shadow:
0 0 15px rgba(0, 150, 255, 0.3),
inset 0 2px 8px rgba(0, 0, 0, 0.4);
background: rgba(5, 15, 30, 0.9);
}
&:focus {
outline: none;
border-color: rgba(0, 150, 255, 0.7);
box-shadow:
0 0 15px rgba(0, 150, 255, 0.3),
inset 0 2px 8px rgba(0, 0, 0, 0.4);
background: rgba(5, 15, 30, 0.9);
}
}
}
.control-group-header {