JP100099/oldrabbittown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

besser margin

Browse source
This commit is contained in:
JP100099 2025-09-17 18:23:16 +02:00
parent 33a557fe23
commit cee85bb2f1
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/style.css
View file

@ -1 +1 @@
@import url("https://fonts.googleapis.com/css?family=Annie%20Use%20Your%20Telescope:700|Annie%20Use%20Your%20Telescope:400");h1,h2,h3,h4,h5{font-family:"Annie Use Your Telescope";font-weight:900}@media screen and (min-width: 920px){html{font-size:300%}}:root{--carousel-width: -2990px}body{font-family:"Annie Use Your Telescope";font-weight:600;width:80%;align-self:center;text-align:center;margin:auto}.header{display:flex;position:sticky;justify-content:center}.header-element{align-content:center;margin-left:5em;margin-right:5em}.header-element>img{height:10ex}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(var(--carousel-width))}}.carousel::before,.carousel::after{background:linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);content:"";height:100%;position:absolute;width:5%;z-index:2}.carousel::after{right:0;top:0;transform:rotateZ(180deg)}.carousel::before{left:0;top:0}.carousel{position:relative;display:flex;flex-direction:row;overflow:hidden}.carousel-element{animation:scroll 70s linear infinite;background:#fff;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 50%, #fff 100%)}.carousel-element>img{height:50vh} @import url("https://fonts.googleapis.com/css?family=Annie%20Use%20Your%20Telescope:700|Annie%20Use%20Your%20Telescope:400");h1,h2,h3,h4,h5{font-family:"Annie Use Your Telescope";font-weight:900}@media screen and (min-width: 920px){html{font-size:300%}}:root{--carousel-width: -2990px}body{font-family:"Annie Use Your Telescope";font-weight:600;width:80%;align-self:center;text-align:center;margin:auto}.header{display:flex;position:sticky;justify-content:center}.header-element{align-content:center;margin-left:1em;margin-right:1em}.header-element>img{height:10ex}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(var(--carousel-width))}}.carousel::before,.carousel::after{background:linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);content:"";height:100%;position:absolute;width:5%;z-index:2}.carousel::after{right:0;top:0;transform:rotateZ(180deg)}.carousel::before{left:0;top:0}.carousel{position:relative;display:flex;flex-direction:row;overflow:hidden}.carousel-element{animation:scroll 70s linear infinite;background:#fff;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 50%, #fff 100%)}.carousel-element>img{height:50vh}

4
sass/style.scss
View file

@ -42,8 +42,8 @@ body {
// align-items: center; // align-items: center;
// justify-content: center; // justify-content: center;
align-content: center; align-content: center;
margin-left: 5em; margin-left: 1em;
margin-right: 5em; margin-right: 1em;
} }