有没有什么方法可以直接在标记上生成网格类

Question

虽然我更喜欢在我的css上使用susy mixins，但在某些情况下，有一些通用网格类是很有用的，例如用于webforms意识到这些声明是内联的。

任何方式来做到这一点？

目前，我手动生成这些类，像这样：

.grid-1{ 
    @include span-columns(1); 
} 

Answer 1

网格类会得到像与Susy流体系统非常复杂，因为环境是非常重要的。我们不会默认提供它（还）。我掀起这件事快，它应该让你接近：

@mixin susy-classes($silent: false) { 
    $base: if($silent, '%', '.'); 
    $selector: '#{$base}span'; 

    @if $silent { #{$selector} { @include span-columns(1); } } 
    @else { [class^="span-"] { @include span-columns(1); } } 

    #{$base}full { clear: both; } 
    #{$base}omega { @include omega; } 

    @for $span from 1 through $total-columns { 
    $span-selector: '#{$selector}-#{$span}'; 
    @for $context from 1 through $total-columns { 
     $total-selector: '#{$span-selector}-#{$context}'; 
     $total-selector: if($context == $total-columns, '#{$span-selector}, #{$total-selector}', $total-selector); 
     @if $context != $span { 
     #{$total-selector} { 
      @if $silent { @extend #{$selector}; } 
      width: columns($span, $context); 
     } 
     } @else { 
     #{$total-selector} { clear: both; } 
     } 
    } 
    } 
} 

@include susy-classes; 

，可以让稍微干净，如果它被添加到核心与Susy，但现在它应该包括你的需求。它将输出无声级别扩展或标准类。让我知道它是如何为你工作的，并随时在github上提出一个问题，考虑将其转化为核心。