diff --git a/src/_sass/elements/_ul.scss b/src/_sass/elements/_ul.scss new file mode 100644 index 0000000000..deaf40a1cc --- /dev/null +++ b/src/_sass/elements/_ul.scss @@ -0,0 +1,25 @@ +ul { + list-style-type: none; + padding-left: 25px; + + li { + position: relative; + font-size: 15px; + color: color(secondary-dark); + line-height: 2; + + &::before { + content: ""; + width: 6px; + height: 6px; + background-color: color(gray); + opacity: 0.5; + border-radius: 50%; + display: block; + position: absolute; + top: .75em; + left: 0; + transform: translateX(calc(-100% - 10px)); + } + } +} diff --git a/src/_sass/segment.scss b/src/_sass/segment.scss index 9723f23985..6738e4215f 100644 --- a/src/_sass/segment.scss +++ b/src/_sass/segment.scss @@ -30,3 +30,4 @@ // ================================================= @import "elements/a"; @import "elements/h"; +@import "elements/ul"; diff --git a/src/styleguide.md b/src/styleguide.md index ac5d6ecf70..c3b5c4c180 100644 --- a/src/styleguide.md +++ b/src/styleguide.md @@ -5,3 +5,10 @@ hidden: true layout: page --- +* Item + * First Subitem + * Second Subitem +* Item + - Subitem + - Subitem +* Item \ No newline at end of file