Skip to content

Latest commit

 

History

History
62 lines (48 loc) · 989 Bytes

sass.md

File metadata and controls

62 lines (48 loc) · 989 Bytes
Raw

Jeet - Sass

Installation

Usage Example

$ sass -w style.scss
// style.scss
@import 'node_modules/jeet/jeet';

@include debug;

section {
  @include center;
}

aside {
  @include column(1/3);
}

article {
  @include column(2/3);
}
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <section>
      <aside>Sidebar</aside>
      <article>Content</article>
    </section>
  </body>
</html>

Namespacing and Aliases

Jeet doesn't namespace or alias by default anymore (to keep the API simple/clean). If you need namespacing or aliasing, you can wrap mixins within namespace/alias mixins.

// Namespace Example
@mixin jeet-column($args...) {
  @include column($args...);
}

// Alias Example
@mixin col($args...) {
  @include column($args...);
}