home > slideshow : enable
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
This commit is contained in:
parent
dc0c48acc3
commit
13040a9df3
8 changed files with 163 additions and 48 deletions
41
assets/css/src/_home.scss
Normal file
41
assets/css/src/_home.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
#home-slideshow {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
picture, video {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
img, video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.main-infos {
|
||||
width: calc(3 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.skills {
|
||||
width: calc(2 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clients {
|
||||
width: calc(2 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -305,47 +305,6 @@ button.next {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/* HOME SLIDESHOW */
|
||||
|
||||
#home-slideshow {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#home-slideshow img {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
#home-slideshow img:first-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* HOME */
|
||||
|
||||
.main-infos {
|
||||
width: calc(3 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.skills {
|
||||
width: calc(2 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clients {
|
||||
width: calc(2 / 4 * var(--index-width));
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* INFOS */
|
||||
|
||||
[data-template="infos"] div {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
@import "src/_reset.scss";
|
||||
@import "src/_main.scss";
|
||||
@import "src/_nav.scss";
|
||||
@import "src/_home.scss";
|
||||
@import "src/_mobile.scss";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue