fabiospampinato / svelto

Modular front end framework for modern browsers, with battery included: 100+ widgets and tools.

Svelto

Modular front end framework for modern browsers, with battery included: 100+ widgets and tools.

Usage

Svelto is currently undocumented, so obviously not a viable pick if you're looking for a framework for your next project.

But, if you are curious, you can check out the live demo.

svelto's Issues

Demo please?

Documentation

Awesome demo! But some documentation would bei nice :)
Dependencies? Cash?
How compare it to other frameworks like bootstrap (size, performance)?

Wondering how the layout works?

It is not so much an issue as a question about how things layout.

What is the role of that declaration? (and others related to that same gutter/2)? I am asking because I was having some difficulties being able to predict the layout of some simple things, and without it ... things just align properly

.multiple > .widget:last-child, .pager > .widget:last-child, .tagbox-tags > .widget:last-child, .multiple > .centerer:last-child, .pager > .centerer:last-child, .tagbox-tags > .centerer:last-child, .multiple > .placeholder:last-child, .pager > .placeholder:last-child, .tagbox-tags > .placeholder:last-child, .multiple > .container:last-child, .pager > .container:last-child, .tagbox-tags > .container:last-child, .multiple > .card-header:last-child:not(.multiple), .pager > .card-header:last-child:not(.multiple), .tagbox-tags > .card-header:last-child:not(.multiple), .multiple > .card-block:last-child:not(.multiple), .pager > .card-block:last-child:not(.multiple), .tagbox-tags > .card-block:last-child:not(.multiple), .multiple > .card-footer:last-child:not(.multiple), .pager > .card-footer:last-child:not(.multiple), .tagbox-tags > .card-footer:last-child:not(.multiple), .multiple > .datepicker:last-child, .pager > .datepicker:last-child, .tagbox-tags > .datepicker:last-child, .multiple > fieldset:last-child, .pager > fieldset:last-child, .tagbox-tags > fieldset:last-child, .multiple > .infobar:last-child, .pager > .infobar:last-child, .tagbox-tags > .infobar:last-child, .multiple > .tagbox:last-child, .pager > .tagbox:last-child, .tagbox-tags > .tagbox:last-child, .multiple > .card:last-child, .pager > .card:last-child, .tagbox-tags > .card:last-child, .multiple > .divider.block:last-child, .pager > .divider.block:last-child, .tagbox-tags > .divider.block:last-child, .multiple > hr.vertical:last-child, .pager > hr.vertical:last-child, .tagbox-tags > hr.vertical:last-child, .multiple > .divider.linear.vertical:last-child:empty, .pager > .divider.linear.vertical:last-child:empty, .tagbox-tags > .divider.linear.vertical:last-child:empty, .multiple > .vertical.divider:last-child:empty:not(.block):not(.text), .pager > .vertical.divider:last-child:empty:not(.block):not(.text), .tagbox-tags > .vertical.divider:last-child:empty:not(.block):not(.text), .multiple > .divider.linear.horizontal:last-child:not(:empty), .pager > .divider.linear.horizontal:last-child:not(:empty), .tagbox-tags > .divider.linear.horizontal:last-child:not(:empty), .multiple > .divider.linear:last-child:not(:empty):not(.vertical), .pager > .divider.linear:last-child:not(:empty):not(.vertical), .tagbox-tags > .divider.linear:last-child:not(:empty):not(.vertical), .multiple > .divider:last-child:not(:empty):not(.vertical):not(.block):not(.text), .pager > .divider:last-child:not(:empty):not(.vertical):not(.block):not(.text), .tagbox-tags > .divider:last-child:not(:empty):not(.vertical):not(.block):not(.text), .multiple > .horizontal.divider:last-child:not(:empty):not(.block):not(.text), .pager > .horizontal.divider:last-child:not(:empty):not(.block):not(.text), .tagbox-tags > .horizontal.divider:last-child:not(:empty):not(.block):not(.text), .multiple > .divider.linear.vertical:last-child, .pager > .divider.linear.vertical:last-child, .tagbox-tags > .divider.linear.vertical:last-child, .multiple > .vertical.divider:last-child:not(.block):not(.text), .pager > .vertical.divider:last-child:not(.block):not(.text), .tagbox-tags > .vertical.divider:last-child:not(.block):not(.text), .multiple > .divider.text:last-child, .pager > .divider.text:last-child, .tagbox-tags > .divider.text:last-child, .multiple > .embed:last-child, .pager > .embed:last-child, .tagbox-tags > .embed:last-child, .multiple > form:last-child, .pager > form:last-child, .tagbox-tags > form:last-child, .multiple > label:last-child, .pager > label:last-child, .tagbox-tags > label:last-child, .multiple > header:last-child, .pager > header:last-child, .tagbox-tags > header:last-child, .multiple > footer:last-child, .pager > footer:last-child, .tagbox-tags > footer:last-child, .multiple > i.icon:last-child, .pager > i.icon:last-child, .tagbox-tags > i.icon:last-child, .multiple > .icons:last-child, .pager > .icons:last-child, .tagbox-tags > .icons:last-child, .multiple > img:last-child, .pager > img:last-child, .tagbox-tags > img:last-child, .multiple > input:last-child, .pager > input:last-child, .tagbox-tags > input:last-child, .multiple > textarea:last-child, .pager > textarea:last-child, .tagbox-tags > textarea:last-child, .multiple > .label:last-child, .pager > .label:last-child, .tagbox-tags > .label:last-child, .multiple > .button:last-child, .pager > .button:last-child, .tagbox-tags > .button:last-child, .multiple > .sections:last-child, .pager > .sections:last-child, .tagbox-tags > .sections:last-child, .multiple > .section-left:last-child, .pager > .section-left:last-child, .tagbox-tags > .section-left:last-child, .multiple > .section-center:last-child, .pager > .section-center:last-child, .tagbox-tags > .section-center:last-child, .multiple > .section-right:last-child, .pager > .section-right:last-child, .tagbox-tags > .section-right:last-child, .multiple > .select:last-child, .pager > .select:last-child, .tagbox-tags > .select:last-child, .multiple > .circle:last-child, .pager > .circle:last-child, .tagbox-tags > .circle:last-child, .multiple > .square-sample:last-child, .pager > .square-sample:last-child, .tagbox-tags > .square-sample:last-child, .multiple > .square:last-child, .pager > .square:last-child, .tagbox-tags > .square:last-child, .multiple > .triangle:last-child, .pager > .triangle:last-child, .tagbox-tags > .triangle:last-child, .multiple > .spacer:last-child, .pager > .spacer:last-child, .tagbox-tags > .spacer:last-child, .multiple > svg.spinner:last-child, .pager > svg.spinner:last-child, .tagbox-tags > svg.spinner:last-child, .multiple > .spinner-label:last-child, .pager > .spinner-label:last-child, .tagbox-tags > .spinner-label:last-child, .multiple > .table:last-child, .pager > .table:last-child, .tagbox-tags > .table:last-child, .multiple > .toolbar:last-child, .pager > .toolbar:last-child, .tagbox-tags > .toolbar:last-child, .multiple > address:last-child, .pager > address:last-child, .tagbox-tags > address:last-child, .multiple > blockquote:last-child, .pager > blockquote:last-child, .tagbox-tags > blockquote:last-child, blockquote.multiple > footer:last-child, blockquote.pager > footer:last-child, blockquote.tagbox-tags > footer:last-child, .multiple > h1:last-child, .pager > h1:last-child, .tagbox-tags > h1:last-child, .multiple > h2:last-child, .pager > h2:last-child, .tagbox-tags > h2:last-child, .multiple > h3:last-child, .pager > h3:last-child, .tagbox-tags > h3:last-child, .multiple > h4:last-child, .pager > h4:last-child, .tagbox-tags > h4:last-child, .multiple > h5:last-child, .pager > h5:last-child, .tagbox-tags > h5:last-child, .multiple > h6:last-child, .pager > h6:last-child, .tagbox-tags > h6:last-child, .multiple > ul:last-child, .pager > ul:last-child, .tagbox-tags > ul:last-child, .multiple > ol:last-child, .pager > ol:last-child, .tagbox-tags > ol:last-child, .multiple > dl:last-child, .pager > dl:last-child, .tagbox-tags > dl:last-child, .multiple > p:last-child, .pager > p:last-child, .tagbox-tags > p:last-child, .multiple > pre:last-child, .pager > pre:last-child, .tagbox-tags > pre:last-child 
{
    margin-bottom: 0.625rem;
}