search

SC5 / sc5-styleguide

Styleguide generator is a handy little tool that helps you generate good looking styleguides from stylesheets using KSS notation
http://styleguide.sc5.io/
MIT License
1.26k stars 167 forks source link

Why is it not displayed by the list of variables? #1017

Closed hokuto-kato closed 7 years ago

hokuto-kato commented 7 years ago

_test.scss

@import 'styles/variables';

// Button
//
// primary button
//
// Markup:
// <p class="btn primary">button</p>
//
// Styleguide 1.0.0
.btn {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  &.primary {
    background: $color__grey;
    color: #fff;
    width: 100px;
    height: 44px;
  }
}

_variables.scss

$color__grey:#212121;

Why is it not displayed by the list of variables? image

varya commented 7 years ago

Hi. Sorry, for some reason the parser only considered the variable declarations with a space after :. I fixed it here https://github.com/SC5/sc5-styleguide/pull/1018 Let's wait for next minor release. Until it happens, as a quick solution, you can change the variable definition to $color__grey: #212121;.

hokuto-kato commented 7 years ago

I see. Thank you for telling me the detailed information.