mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
0f48eb8525
This PR brings the style changes made in the "Align Fleet UI colors with Figma components" #615 and "Align Fleet UI with Figma (spacing and fonts)" #628 PRs into the master branch.
66 lines
1.2 KiB
SCSS
66 lines
1.2 KiB
SCSS
.kolide-ol {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
list-style-type: none;
|
|
|
|
li {
|
|
counter-increment: step-counter;
|
|
|
|
&::before {
|
|
content: counter(step-counter) ")";
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
text-align: left;
|
|
width: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.container-triangle {
|
|
&::before,
|
|
&::after {
|
|
border-radius: 3px;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
z-index: 1;
|
|
}
|
|
|
|
&.left {
|
|
&::after {
|
|
border-color: transparent $core-white transparent transparent;
|
|
border-width: 15px;
|
|
right: 99%;
|
|
top: 23px;
|
|
}
|
|
|
|
&::before {
|
|
border-color: transparent $core-fleet-black transparent transparent;
|
|
border-width: 16px;
|
|
right: 99%;
|
|
top: 22px;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
|
|
&.right {
|
|
&::after {
|
|
border-color: transparent transparent transparent $core-white;
|
|
border-width: 15px;
|
|
left: 99%;
|
|
top: 23px;
|
|
}
|
|
|
|
&::before {
|
|
border-color: transparent transparent transparent $core-fleet-black;
|
|
border-width: 16px;
|
|
left: 99%;
|
|
top: 22px;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
}
|