myliang / fish-ui

A Vue.js 2.0 UI Toolkit for Web

Home Page:https://myliang.github.io/fish-ui/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

in file grid.less need symbol '&'

rukonmin opened this issue · comments

In the file grid.less, for example, class .center without & means element with .center class descended from an element with class .@{css-prefix}.row (.fish.row).

<div class='fish row'>
   <div class='center'>
    </div>
</div>

In the file Row.vie we have

<div class='fish row center'>
<div>

Two doted selector without separation .name1.name2 (&.center)
means element that has both class name1 and name2 eg: class="name1 name2".

You need fix to

  &.start {
    .justify-content(flex-start);
  }
  &.end {
    .justify-content(flex-end);
  }
  &.center {
    .justify-content(center);
  }
  &.space-around {
    .justify-content(space-around);
  }
  &.space-between {
    .justify-content(space-between);
  }