Salsify/front-ui-tweaker
1
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

tested some changes on the sandbox

Browse Source
This commit is contained in:
scar 2022-02-01 17:48:29 +01:00
parent e45531486a
commit f759696ad3
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
testing/test.css
View File

@ -0,0 +1,28 @@
:root {
--stripe-size: 100px;
--color1: hsl(194, 71%, 30%);
--color2: hsl(194, 77%, 35%);
--duration: 20s;
}
div {
height: var(--stripe-size);
width: calc(var(--stripe-size) * 7);
margin: auto;
border: 1px solid black;
}
div {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 50%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
animation: alkegrad var(--duration) linear infinite;
}
@keyframes alkegrad {
from {
background-position: 0 0;
}
to {
background-position: var(--stripe-size) 0;
}
}

2
testing/test.html
View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div></div>
</body> </body>
</html> </html>