a511c95c7f
* turn article.scss into a module + componentized * Update Survey to use only component styles, add cancel button * Update GenericError + 404 page to use only standard classes * update LearningTrack to not use markdown-body * remove / consolidate stylesheets * cleanup Graphiql explorer page and scss * Componentize Breadcrumb styles * Componentize DeprecationBanner styles * scope h2 a link style to markdown-body * cleanup nav, organize page-header and page-footer components * remove unused scroll-button.scss * organize LanguagePicker and ProductPicker * add declarations file * remove featured-links.scss, update tests * update list utility and toc test * fix bad merge resolution * update breadcrumbs test
78 lines
1.3 KiB
SCSS
78 lines
1.3 KiB
SCSS
/* Numbered procedures (step 1, step 2, ...)
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.markdown-body ol {
|
|
counter-reset: li;
|
|
list-style: none;
|
|
position: relative;
|
|
padding-bottom: 10px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.markdown-body ol > li {
|
|
padding: 15px 0 15px 55px;
|
|
position: relative;
|
|
margin-bottom: 5px;
|
|
border-top: 3px solid var(--color-auto-gray-2);
|
|
}
|
|
|
|
.markdown-body ol > li:before {
|
|
content: counter(li);
|
|
counter-increment: li;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 30px;
|
|
padding: 0 10px 0 0;
|
|
color: var(--color-auto-gray-4);
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
line-height: 35px;
|
|
text-align: right;
|
|
}
|
|
|
|
.markdown-body ol > li > p {
|
|
margin: 0;
|
|
}
|
|
|
|
.markdown-body ol > li > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-body ol > li:after {
|
|
content: ".";
|
|
display: block;
|
|
clear: both;
|
|
visibility: hidden;
|
|
line-height: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.markdown-body ol > li {
|
|
padding: $spacer-2 0 $spacer-2 $spacer-7;
|
|
border: 0;
|
|
|
|
&:before {
|
|
top: 2px;
|
|
font-size: $spacer-3;
|
|
width: $spacer-4;
|
|
}
|
|
|
|
p:not(:first-child) {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.extended-markdown {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
|
|
.markdown-body ul ul,
|
|
.markdown-body ul ol,
|
|
.markdown-body ol ol,
|
|
.markdown-body ol ul {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|