Исправление стилей списков
This commit is contained in:
@@ -1,3 +1,6 @@
|
|||||||
|
@use "@beeline/design-tokens/scss/tokens/globals/colors";
|
||||||
|
@use "@beeline/design-tokens/scss/tokens/themes";
|
||||||
|
|
||||||
@mixin font_style($fontSize, $fontWeight, $lineHeight, $letterSpacing) {
|
@mixin font_style($fontSize, $fontWeight, $lineHeight, $letterSpacing) {
|
||||||
font-size: $fontSize;
|
font-size: $fontSize;
|
||||||
font-weight: $fontWeight;
|
font-weight: $fontWeight;
|
||||||
@@ -66,7 +69,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
li + li {
|
li + li {
|
||||||
margin-top: 50px;
|
margin-top: 34px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
@@ -75,16 +78,6 @@
|
|||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol li:nth-last-of-type(n+2)::after {
|
|
||||||
content: '';
|
|
||||||
border-left: 1px solid rgb(201, 197, 197);
|
|
||||||
position: absolute;
|
|
||||||
line-height: 100%;
|
|
||||||
left: -30px;
|
|
||||||
top: 43px;
|
|
||||||
bottom: -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol li::before {
|
ol li::before {
|
||||||
content: counter(list);
|
content: counter(list);
|
||||||
counter-increment: list;
|
counter-increment: list;
|
||||||
@@ -94,8 +87,8 @@
|
|||||||
left: -48px;
|
left: -48px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
background-color: #7e00ed;
|
background-color: colors.$color-background-brand;
|
||||||
color: #fff;
|
color: themes.$color-text-active;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@@ -115,6 +108,10 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ol li:last-child, ul li:last-child {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
ol li p {
|
ol li p {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user