ul and ol style not showing

[jivimberg]

Hi! I've noticed that using lists on markdown produces un-styled lists on the resulting page. My workaround is adding this lines to the sass/custom/_layout.scss file:

@mixin fontStyle() {
   margin-left: 15px;
   font-weight: 300;
   font-size: 16px;
   line-height: 1.5;
}

.full-single-article ul {
    @include fontStyle();
    list-style: square inside;
}

.full-single-article ol {
    @include fontStyle();
    list-style: decimal inside;
}

This is only a workaround. I'll try to look for where this code should go in the theme project to fix it, any pointers will be appreciated.

[camdez]

Yeah, this is one of my principal blockers on using this theme for my blog. It's easy to fix, but hard to figure out the right way to fix. Here's an example of what @jivimberg is talking about, taken from the @sevenadrian's blog:

(That second block of lines is actually supposed to be a list.)

The main issues are the font-size, the list-style, and the indentation. A simple way to get your posts looking better is to open up sass/base/_layout.scss and remove the p selector under .full-single-article (but leaving the lines it contained) so that those styles apply to everything within an article, not just the <p> tags. So far I haven't seen any fallout from doing so, and it seems unusual to me that this style would be so localized anyway.

The thing that is actually nuking the default browser styles to begin with is the @include global-reset; line in sass/screen.scss. Removing it definitely makes some things better but (again) I'm not confident what the right solution would be. Reseting rather than falling back on the default browser styles makes sense, but I'd expect Bootstrap to provide some defaults for list styling, and I don't see that happening. Though CSS isn't exactly my wheelhouse.