add triange etape

This commit is contained in:
2019-02-20 19:37:39 +01:00
parent fc601880df
commit 2409d04882
23 changed files with 566 additions and 31 deletions
@@ -74,7 +74,7 @@
transform: rotate(90deg);
position: absolute;
top: -8px;
left: -90px;
left: -75px;
}
@mixin arrow{
@@ -65,20 +65,18 @@ body {
.item-etapes {
position: relative;
.title {
@include triangle;
pointer-events: none;
}
h4 {
@include rotateH;
}
.content {
overflow: hidden;
position: relative;
.txt {
z-index: 2;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
@@ -120,7 +118,7 @@ body {
}
}
&:hover {
&:hover, &:focus, &:active {
.txt {
-webkit-transition: background 0.5s ease, -webkit-transform 0.5s ease;
transition: background 0.5s ease, -webkit-transform 0.5s ease;
@@ -237,6 +235,10 @@ body {
align-items: flex-end;
p{
text-align: right!important;
img{
width: 15px;
margin-left: 5px;
}
}
}
&:nth-of-type(2){
@@ -168,6 +168,9 @@ header {
h4 {
font-size: $h3;
color: white;
font-family: $Regular-L;
text-transform: uppercase;
font-weight: normal;
}
.txt {