afeiship/wsui-layout-fixed-sidebar

Sassui for layout fixed sidebar.

wsui-layout-fixed-sidebar

Sassui for layout fixed sidebar.

installation

npm i @jswork/wsui-layout-fixed-sidebar

usage

// use sass
@import '~@jswork/wsui-layout-fixed-sidebar/dist/index.scss';
// use css
@import '~@jswork/wsui-layout-fixed-sidebar/dist/style.css';


// generate your styles
.test-wsui-layout-fixed-sidebar {
  @include wsui-layout-fixed-sidebar(250px);
  height: 400px;
  background: #eee;
  .is-sidebar,
  .is-main {
    height: 400px;
  }

  > .is-sidebar {
    background: lightgreen;
  }
  > .is-main {
    background: orange;
  }
}

<div class="test-wsui-layout-fixed-sidebar is-container" data-placement="left">
  <aside class="is-sidebar">Sidebar</aside>
  <div class="is-main">main</div>
</div>

preview

• https://afeiship.github.io/wsui-layout-fixed-sidebar/

license

Code released under the MIT license.