Skip to content

Commit

Permalink
Format code app
Browse files Browse the repository at this point in the history
  • Loading branch information
DanielArturoAlejoAlvarez committed Nov 16, 2023
1 parent 85230ec commit f5b3d27
Show file tree
Hide file tree
Showing 6 changed files with 1,003 additions and 898 deletions.
126 changes: 62 additions & 64 deletions assets/css/slider.css
Original file line number Diff line number Diff line change
@@ -1,67 +1,65 @@
/* SLIDESHOW */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.slider-container {
position: absolute;
width: 100%;
max-width: 100%;
top: 0;
overflow: hidden;
}

.slider {
width: 100%;
height: 100vh;
display: flex;
margin-left: -100%;
}

.slider__section {
width: 100%;
}

.slider__image {
display: block;
width: 100vw;
height: 100%;
object-fit: cover;
}

.slider__btn {
position: absolute;
width: 70px;
height: 70px;
background: var(--tomato);
color: #FFF;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: bold;
font-family: monospace;
border-radius: 50%;
cursor: pointer;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
}

.slider__btn:hover {
background: var(--black);
color: var(--white);
}

.slider__btn--right {
right: 10px;
}

.slider__btn--left {
left: 10px;
}


margin: 0;
padding: 0;
box-sizing: border-box;
}

.slider-container {
position: absolute;
width: 100%;
max-width: 100%;
top: 0;
overflow: hidden;
}

.slider {
width: 100%;
height: 100vh;
display: flex;
margin-left: -100%;
}

.slider__section {
width: 100%;
}

.slider__image {
display: block;
width: 100vw;
height: 100%;
object-fit: cover;
}

.slider__btn {
position: absolute;
width: 70px;
height: 70px;
background: var(--tomato);
color: #fff;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: bold;
font-family: monospace;
border-radius: 50%;
cursor: pointer;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
}

.slider__btn:hover {
background: var(--black);
color: var(--white);
}

.slider__btn--right {
right: 10px;
}

.slider__btn--left {
left: 10px;
}
Loading

0 comments on commit f5b3d27

Please sign in to comment.