Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-24 07:35:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

CSS adjustments

Browse source
This commit is contained in:
Adam Iannazzone 2024-10-25 08:55:20 -04:00
parent 0255c065c6
commit 27f2ff7dc6
2 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/carousel.css
View file

@ -1,11 +1,11 @@
.stack {
position: relative;
display: flex;
padding-right: 30px;
padding-right: 45px;
}
#features .row:nth-child(odd) .stack {
padding-right: 30px;
padding-right: 45px;
}
.screenshot {
@ -20,13 +20,13 @@
.screenshot:nth-child(2) {
z-index: 3;
left: calc(-100% + 10px);
bottom: 10px;
left: calc(-100% + 15px);
bottom: 15px;
}
.screenshot:nth-child(1) {
z-index: 2;
left: 20px;
bottom: 20px;
left: 30px;
bottom: 30px;
}
/* @keyframes lower {
@ -54,7 +54,7 @@
@keyframes shift {
50% {
transform: translate(-5px, 5px);
transform: translate(-15px, 15px);
}
to {
transform: translate(0, 0);
@ -81,15 +81,15 @@ with different numbers of slides
@keyframes fade-in {
0% {
bottom: 30px;
left: 30px;
bottom: 45px;
left: 45px;
opacity: 0;
scale: 0.95;
}
100% {
opacity: 1;
left: 20px;
bottom: 20px;
left: 30px;
bottom: 30px;
scale: 1.0;
}
}

11
css/style.css
View file

@ -27,6 +27,10 @@ body {
background: var(--rd-black);
}
p {
margin-bottom: 0.5rem;
}
/* Nav and Footer Styles */
nav, footer {
@ -121,9 +125,8 @@ p {
}
/* Alternating Color Styles */
#features .row {
padding-top: 20px;
padding-top: 30px;
}
#features .row:nth-child(odd) .screenshot {
@ -149,10 +152,6 @@ p {
background: var(--rd-purple);
}
#features .row:nth-child(even) h3 {
/* text-shadow: 2px 2px var(--rd-blue); */
}
/* Link Styles */
.jumbotron a, footer a, a.btn, .feature-card a, .feature-card a {
color: var(--rd-purple);