1
1
mirror of https://github.com/primer/css.git synced 2024-12-21 05:01:45 +03:00
css/modules/primer-markdown/lib/lists.scss

73 lines
1.3 KiB
SCSS
Raw Normal View History

2017-05-11 07:56:23 +03:00
// Base styles
// stylelint-disable selector-no-qualifying-type
2017-07-12 21:09:15 +03:00
// stylelint-disable selector-max-type
2017-05-11 07:56:23 +03:00
.markdown-body {
// Lists, Blockquotes & Such
ul,
ol {
padding-left: 2em;
&.no-list {
padding: 0;
list-style-type: none;
}
}
// Did someone complain about list spacing? Encourage them
// to create the spacing with their markdown formatting.
// List behavior should be controled by the markup, not the css.
//
// For lists with padding between items, use blank
// lines between items. This will generate paragraphs with
// padding to space things out.
//
// - item
//
// - item
//
// - item
//
// For list without padding, don't use blank lines.
//
// - item
// - item
// - item
//
// Modifying the css to emulate these behaviors merely brakes
// one case in the process of solving another. Don't change
// this unless it's really really a bug.
ul ul,
ul ol,
ol ol,
ol ul {
margin-top: 0;
margin-bottom: 0;
}
li > p {
margin-top: $margin;
}
li + li {
margin-top: 0.25em;
}
dl {
padding: 0;
dt {
padding: 0;
margin-top: $margin;
font-size: 1em;
font-style: italic;
font-weight: $font-weight-bold;
}
dd {
padding: 0 $margin;
margin-bottom: $margin;
}
}
}