dnomak / flexiblegs-scss-plus

Flexible Grid System Scss Plus
https://dnomak.com/flexiblegs/install/scss-plus/
MIT License
1.35k stars 131 forks source link

Kenar çubuğu yapılabilir mi? #19

Closed erkanunluturk closed 9 years ago

erkanunluturk commented 9 years ago

http://getbootstrap.com/examples/dashboard/ sizin kütüphaneyle bunun gibi birşey yapmak doğru olur mu?

ilk aklıma gelen;

-3-12 ve -9-12 şeklinde ki yapıda 3 olanı sabitleyip 9 a 3 ün genişliği kadar margin-left vermek, * eklerde bunu tekrarlamak gerekiyor, bu da kodu uzatıyor.

bir diğeri ise;

<div class="wrapper">
  <aside class="sol"> sol </aside>
  <section class="sag">sağ </section>
</div>

diye ayırıp

.wrapper {
    height: 100%;
}

aside.sol {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #333;
    width: 260px;
}

section.sag {
    width: calc(100% - 260px);
    margin-left:260px;
    min-height: 100%;
}

stillerini vererek kütaphaneyi section içinde kullanmak.

hangisi doğru olur.

dnomak commented 9 years ago

position: fixed; veya margin-left kullanmaya gerek yok aslında http://codepen.io/dnomak/pen/qEGrqP adresinde senin için bir örnek hazırladım detaylıca kurcalayabilirsin :)

erkanunluturk commented 9 years ago

Örnek için teşekkürler :) https://www.npmjs.com/package/flexiblegs buradaki paket güncel değil. npm ile projeye dahil etmek güzel olurdu.

dnomak commented 9 years ago

evet güncel değil hepsi iş listemde projeyi wach'larsan kaçırmamış olursun :) öncelikli hedefim örneklerle birlikte türkçe dökümantasyonu tamamlamak.