V
V
Vladislav Altyncev2014-10-07 18:38:43
css
Vladislav Altyncev, 2014-10-07 18:38:43

What is Grid for stylus?

What grid are you using?
Looked at Jeet and Fluidity. I liked Jeet, but it lacks, for example, the ability to set indents in px. And in general, everything is in%, it's not very convenient.
In Fluidity, I did not see the opportunity to set the gutter at all.
In general, I want Susy , only for stylus.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Dmitry Klusevich, 2014-10-08
@dimka-dooz

You can write your own, it’s not very hard, but you can rewrite it on the stylus.

<style>
.df-g-wrap                                        { margin-left: -2%; margin-right: -2%; }/*анти-отступ равен отступам между ячейками*/
.df-g-wrap:after                                { content: ""; display: table;  clear: both; }
.df-col                                               { float: left; padding:0 2%;/*отступы можно в пикселях*/ box-sizing: border-box;  -moz-box-sizing: border-box; /*Firefox 1-3*/ }
.df-col1                                             { width: 8.33333333% }
.df-col2                                             { width: 16.6666666% }
.df-col3                                             { width: 25% }
.df-col4                                             { width: 33.3333333% }
.df-col5                                             { width: 41.66666666666667% }
.df-col6                                             { width: 50% }
.df-col7                                             { width: 58.33333333333333% }
.df-col8                                             { width: 66.6666666% }
.df-col9                                             { width: 75% }
.df-col10                                           { width: 83.3333333% }
.df-col11                                           { width: 91.66666666666667% }
.df-col12                                           { width: 100% }
</style>
<div class="df-g-wrap">
<div class="df-col df-col6"></div>
<div class="df-col df-col6"></div>
</div>

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question