I use
.child + .child{margin-left:x;}
On Wednesday, January 20, 2016, Micky Hulse <mickyhu...@gmail.com> wrote:
> Hi!
>
> Just curious what techniques you use when you want to have a container
> with any number of child columns that have fixed-width margins, only
> on the inside of columns.
>
> For example, I would like to create a 4 column module (pseudo-markup
> follows):
>
> <parent>
> <col 1>
> <col 2>
> <col 3>
> <col 4>
> </parent>
>
> … and later have the ability to throw-in a 5th or 6th column, without
> having to adjust CSS.
>
> <parent>
> <col 1>
> <col 2>
> <col 3>
> <col 4>
> <col 5>
> <col 6>
> </parent>
>
> Additionally, I would like to have margins (not padding or
> faux-margins), of any unit (i.e., px, em, % ...), controlling the
> column gutters (only on inside, not outermost column edges).
>
> Optimally, this technique would be responsive-friendly, js-free and
> clean/simple to implement.
>
> Out of all the techniques out there (I'm assuming) to do such a thing,
> which is your favorite? Can you provide example code?
>
> I'm open to seeing cutting-edge techniques as well as oldschool ones. :)
>
> Many thanks in advance!
>
> Cheers,
> Micky
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org <javascript:;>]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
