51–60 of 102 posts
.something
{
width: calc(33.33% - #{$spacing-small*3/2});
margin-left: $spacing-small;
&:first-of-type
{
margin-left: 0;
}
}
Pardon my cynicism but the adjective 'simple' has been abused to the point where it repels me when I find it in framework descriptions. Calling something 'simple' is a subjective statement which is a meaningless waste of words, especially from the author of the framework. Of course you perceive your own framework as simple. Nobody designs a framework to intentionally make something more complicated. The word 'simple'…
Pardon my cynicism but the adjective 'simple' has been abused to the point where it repels me when I find it in framework descriptions. Calling something 'simple' is a subjective statement which is a meaningless waste of words, especially from the author of the framework. Of course you perceive your own framework as simple. Nobody designs a framework to intentionally make something more complicated. The word 'simple'…
The problem with all of these responsive grid systems is that they are opinionated about how a component responds. Responsiveness is not a document level problem, it's a component level problem and each component has it's own concerns. One component might keep the 2up grid from desktop to mobile, another might collapse to single column half way, and so on. Having generic desktop and mobile class names ala bootstrap d…
The concepts looks good, bu I haven't seen anyone recommending it .
https://github.com/r-medina/grid
thanks for sharing!
Honestly, I just use .something { width: calc(33.33% - #{$spacing-small*3/2}); margin-left: $spacing-small; &:first-of-type { margin-left: 0; } } Well simple
Earlier quoted context omitted.
Besides lack of good cross-browser support until recently, I think there are a few reasons why flexbox is still less popular than float- or margin-based grids: - Steeper learning curve and less accessible than adding a class like "col-3" or "grid--1/2". The latter is almost self-explanatory. - Requires an existing or new CSS class to bind the styles to. If it's a new class, you have to figure out a good name (which i…
... and it relies on DOM structure. This is horrible, IMHO. Flex containers will layout the flex items, which are by definition its direct descendants. If by some reason [1] you get an extra DOM element between the flex container and the item you intend to layout, then you're in for a rewrite of the CSS and maybe some extra classes. Also, this bug in Webkit is rather inconvenient: https://github.com/philipwalton/flex…