mobile-menu/input.css at main · neluttu/mobile-menu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    body {
	background-image: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 900 600' width='900' height='600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Crect x='0' y='0' width='900' height='600' fill='%23f7fbff'%3E%3C/rect%3E%3Cdefs%3E%3ClinearGradient id='grad1_0' x1='33.3%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='20%25' stop-color='%23f7fbff' stop-opacity='1'%3E%3C/stop%3E%3Cstop offset='80%25' stop-color='%23f7fbff' stop-opacity='1'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id='grad2_0' x1='0%25' y1='0%25' x2='66.7%25' y2='100%25'%3E%3Cstop offset='20%25' stop-color='%23f7fbff' stop-opacity='1'%3E%3C/stop%3E%3Cstop offset='80%25' stop-color='%23f7fbff' stop-opacity='1'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(900  0)'%3E%3Cpath d='M0 297.5C-48.3 283.7 -96.5 269.9 -142.5 246.8C-188.5 223.8 -232.2 191.4 -257.6 148.7C-283.1 106 -290.3 53 -297.5 0L0 0Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(0  600)'%3E%3Cpath d='M0 -297.5C49.3 -285.5 98.7 -273.6 144.5 -250.3C190.3 -227 232.7 -192.3 257.6 -148.7C282.5 -105.1 290 -52.6 297.5 0L0 0Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    }

    .menuItem:hover svg {
        transition: all .3s ease;
        stroke: #2574f6;
    }

    svg {
        transition:  all .3s ease;
    }
}