sass - Bourbon Neat、固定配置要素をグリッドシステムで機能させる方法は?

Question

固定配置要素を Neat グリッド システムで動作させるにはどうすればよいですか? span-columns(6)box3 は位置が固定された要素です。とでグリッドに収まるように幅を指定しなかったため、shift(3)中央に配置されます。とにかくこれを実現できますか？どんな助けでも大歓迎です。

.test {
  @include outer-container;
  @include padding(15px);
  border: 1px solid red;
.box1 {
  @include span-columns(6); 
  border: 1px dashed green;
  height: 100px;
 }
.box2 {
   @include span-columns(6);
   @include omega;
   border: 1px dashed green;
height: 100px;
}
.box3 {
  @include span-columns
  background:red;
  opacity:.5;
  @include position(fixed);
  padding:30px;
  color:white;
}

ライブコードはこちら

Answer 1

あなたのライブ コードは、上記の内容を反映していません。

グリッドを分割する固定配置に関しては、固定配置は要素ではなく、常にウィンドウに対して相対的です。

修正するには、「.box3」クラスの内側にラップを置き、固定した位置に置き、「box3」に高さを与えます。