Skip to content

Commit 06ec52d

Browse files
authored
Revert "feat(): Add additional styles of ordered lists (#479)" (#537)
This reverts commit b313263.
1 parent 23e931b commit 06ec52d

File tree

2 files changed

+16
-136
lines changed

2 files changed

+16
-136
lines changed

src/_sass/components/_markdown.scss

Lines changed: 9 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -158,64 +158,28 @@
158158
& > ul, ol {
159159
margin-top: 0;
160160
}
161-
}
162-
}
163161

164-
@for $i from 1 through 10 {
165-
ol[start="#{$i}"] {
166-
@if $i > 1 {
167-
counter-reset: section #{$i - 1};
168-
} @else {
169-
counter-reset: section #{$i};
170-
}
171162
}
172163
}
173164

174165
ol {
175166
list-style-type: none;
176-
counter-reset: section;
167+
counter-reset: list-items;
177168
padding-left: 25px;
178169

179-
&.lower-roman {
180-
li {
181-
&::before {
182-
content: counters(section, ".", lower-roman) ". ";
183-
}
184-
}
185-
}
186-
187-
&.upper-roman {
188-
li {
189-
&::before {
190-
content: counters(section, ".", upper-roman) ". ";
191-
}
192-
}
193-
}
194-
195-
&.lower-alpha {
196-
li {
197-
&::before {
198-
content: counters(section, ".", lower-alpha) ". ";
199-
}
200-
}
201-
}
202-
203-
&.upper-alpha {
204-
li {
205-
&::before {
206-
content: counters(section, ".", upper-alpha) ". ";
207-
}
208-
}
209-
}
210-
211-
li {
170+
& > li {
171+
counter-increment: list-items;
212172
line-height: 30px;
173+
position: relative;
213174

214175
&::before {
215-
counter-increment: section;
216-
content: counters(section, ".") ". ";
176+
content: counter(list-items) ". ";
177+
display: block;
178+
top: 0;
217179
color: color(primary-dark);
218180
font-weight: 500;
181+
position: absolute;
182+
left: -20px;
219183
}
220184

221185
& > ul, ol {
@@ -224,10 +188,6 @@
224188
}
225189
}
226190

227-
& > ol {
228-
padding-left: 0;
229-
}
230-
231191
table {
232192
border-collapse: collapse;
233193
text-align: left;

src/styleguide.md

Lines changed: 7 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -41,100 +41,20 @@ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
4141

4242
## Lists
4343

44-
#### unordered
44+
1. one
45+
1. nested
46+
2. two
47+
1. nested
48+
3. three
49+
1. nested
4550

4651
* Item
4752
* First Subitem
4853
* Second Subitem
4954
* Item
5055
- Subitem
5156
- Subitem
52-
53-
#### ordered
54-
55-
1. one
56-
2. two
57-
3. three
58-
59-
60-
#### nested ordered
61-
62-
1. one
63-
1. nested
64-
2. nested
65-
2. two
66-
1. nested
67-
2. nested
68-
3. three
69-
1. nested
70-
2. nested
71-
3. more nested
72-
4. more nested
73-
74-
75-
#### ordered with start number = 6
76-
77-
{: start="6"}
78-
1. lorem
79-
2. ipsum
80-
3. ipsum
81-
82-
#### lower roman
83-
84-
{:.lower-roman}
85-
1. lorem
86-
2. ipsum
87-
3. nested
88-
4. nested
89-
90-
#### upper roman
91-
92-
{:.upper-roman}
93-
1. lorem
94-
2. ipsum
95-
96-
#### lower alpha
97-
98-
{:.lower-alpha}
99-
1. lorem
100-
2. lorem nested
101-
3. lorem nested
102-
2. ipsum
103-
3. ipsum nested
104-
4. ipsum nested
105-
5. ipsum nested
106-
5. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
107-
6. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
108-
109-
#### upper alpha
110-
111-
{:.upper-alpha}
112-
1. lorem
113-
2. ipsum
114-
3. nested
115-
4. nested
116-
117-
### 2. Definitions
118-
119-
For purposes of this Addendum, the terms below have the meanings set
120-
forth below. Capitalized terms that are used but not defined in this
121-
Addendum have the meanings given in the Agreement.
122-
123-
{: start="2"}
124-
1. "**Affiliate**" means any entity that directly or indirectly controls, is controlled by or is under common control with the subject entity, where "control" refers to the power to direct or cause the direction of the subject entity, whether through ownership of voting securities, by contract or otherwise.
125-
2. "**CCPA**" means the California Consumer Privacy Act of 2018, as amended from time to time.
126-
3. "**Customer Personal Data**" means any Customer Data (as defined in theAgreement) that is Personal Data. For purposes of this Addendum, Customer Personal Data does not include personal information of employees or other representatives of Customer with whom Segment has a direct business relationship.
127-
4. "**Data Protection Laws**" means, with respect to a party, all privacy,data protection and information security-related laws and regulations applicable to such party's Processing of Personal Data, including, where applicable, EU Data Protection Law and the CCPA.
128-
5. Lorem
129-
6. ipsum
130-
131-
### 3. General Termination
132-
133-
{:.lower-alpha}
134-
1. This Addendum forms part of the Agreement and except as expressly set forth in this Addendum, the Agreement remains unchanged and in full force and effect. If there is any conflict between this Addendum and the Agreement, this Addendum shall govern.
135-
2. Any liabilities arising under this Addendum are subject to the limitations of liability in the Agreement.
136-
3. This Addendum will be governed by and construed in accordance with governing law and jurisdiction provisions in the Agreement, unless required otherwise by applicable Data Protection Laws.
137-
4. This Addendum will automatically terminate upon expiration or termination of the Agreement.
57+
* Item
13858

13959
{% include components/list-steps.html number="1" heading="Totally new here?" content="Not sure what to track or why? Check out Segment's Analytics Academy to learn more about the wide world of analytics, including the what and why and some stories about beautiful stacks." %}
14060
{% include components/list-steps.html number="2" heading="Totally new here?" content="Not sure what to track or why? Check out Segment's Analytics Academy to learn more about the wide world of analytics, including the what and why and some stories about beautiful stacks." %}

0 commit comments

Comments
 (0)