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

More mobile updates

Browse source
This commit is contained in:
Dan 2026-01-06 08:43:53 +00:00
parent 66383c9c55
commit 989241fc83
4 changed files with 35 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
assets/sass/partials/_neon-sign.scss
View file

@ -1,8 +1,27 @@
// Function for standard neon glow effect
@function neon-glow($color) {
@return 0 0 5px #fff, 0 0 5px #fff, 0 0 21px $color, 0 0 42px $color,
0 0 82px $color, 0 0 92px $color, 0 0 142px $color, 0 0 181px $color;
}
/* Neon sign styling */
.neon-sign {
text-align: center;
line-height: 5rem;
transform: rotate(-10deg);
.homepage-neon & {
transform: rotate(-5deg);
width: 90%;
margin: auto;
@include media-up(lg) {
position: absolute;
top: 5%;
left: 60%;
transform: translateX(-50%) rotate(-10deg);
z-index: 1;
}
}
@include media-up(lg) {
position: absolute;
@ -62,12 +81,6 @@
}
}
// Function for standard neon glow effect
@function neon-glow($color) {
@return 0 0 5px #fff, 0 0 5px #fff, 0 0 21px $color, 0 0 42px $color,
0 0 82px $color, 0 0 92px $color, 0 0 142px $color, 0 0 181px $color;
}
// Mixin for pulse animation - generates keyframes for any color
@mixin neon-pulse-animation($name, $color) {
@keyframes #{$name} {