Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-21 22:45: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 { .stack {
position: relative; position: relative;
display: flex; display: flex;
padding-right: 30px; padding-right: 45px;
} }
#features .row:nth-child(odd) .stack { #features .row:nth-child(odd) .stack {
padding-right: 30px; padding-right: 45px;
} }
.screenshot { .screenshot {
@ -20,13 +20,13 @@
.screenshot:nth-child(2) { .screenshot:nth-child(2) {
z-index: 3; z-index: 3;
left: calc(-100% + 10px); left: calc(-100% + 15px);
bottom: 10px; bottom: 15px;
} }
.screenshot:nth-child(1) { .screenshot:nth-child(1) {
z-index: 2; z-index: 2;
left: 20px; left: 30px;
bottom: 20px; bottom: 30px;
} }
/* @keyframes lower { /* @keyframes lower {
@ -54,7 +54,7 @@
@keyframes shift { @keyframes shift {
50% { 50% {
transform: translate(-5px, 5px); transform: translate(-15px, 15px);
} }
to { to {
transform: translate(0, 0); transform: translate(0, 0);
@ -81,15 +81,15 @@ with different numbers of slides
@keyframes fade-in { @keyframes fade-in {
0% { 0% {
bottom: 30px; bottom: 45px;
left: 30px; left: 45px;
opacity: 0; opacity: 0;
scale: 0.95; scale: 0.95;
} }
100% { 100% {
opacity: 1; opacity: 1;
left: 20px; left: 30px;
bottom: 20px; bottom: 30px;
scale: 1.0; scale: 1.0;
} }
} }

11
css/style.css
View file

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