consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Group milestones timeline li CSS rules together

Browse Source
This commit is contained in:
Javi Martín
2019-01-10 10:38:18 +01:00
committed by decabeza
parent cb92d29ddc
commit 39c8d431f8
1 changed files with 26 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
app/assets/stylesheets/milestones.scss
View File

@@ -1,35 +1,6 @@
.tab-milestones ul { .tab-milestones ul {
margin-top: rem-calc(40); margin-top: rem-calc(40);
position: relative; position: relative;
li {
margin: 0 auto;
position: relative;
width: 0;
}
li::before {
background: $budget;
border-radius: rem-calc(20);
content: '';
height: rem-calc(20);
position: absolute;
top: 5px;
transform: translateX(-50%);
width: rem-calc(20);
z-index: 2;
}
li::after {
background: $light-gray;
bottom: 100%;
content: '';
height: 100%;
position: absolute;
top: 25px;
width: 1px;
z-index: 1;
}
} }
.tab-milestones ul .milestone-content { .tab-milestones ul .milestone-content {
@@ -47,6 +18,32 @@
} }
.tab-milestones .timeline ul li { .tab-milestones .timeline ul li {
margin: 0 auto;
position: relative;
width: 0;
&::before {
background: $budget;
border-radius: rem-calc(20);
content: '';
height: rem-calc(20);
position: absolute;
top: 5px;
transform: translateX(-50%);
width: rem-calc(20);
z-index: 2;
}
&::after {
background: $light-gray;
bottom: 100%;
content: '';
height: 100%;
position: absolute;
top: 25px;
width: 1px;
z-index: 1;
}
.milestone-content { .milestone-content {