Problems with *-all Class

When i add a *-all class the elements to the right of this class get moved to the far right instead of beneath de *-all element.

c-all
c2-c5
//This element is pushed to the far right instead of under de *c-all element.
  1. 1 Posted by Nathan Ford on 20 May, 2014 12:07 PM

    Nathan Ford's Avatar

    Hey Eduardo.

    Sorry for the delay in replying to this. You may need to use the *-clear class to break things to the next line. So it would look something like:

    c-all
    c2-c5 c-clear

    You can read more about the different Gridset classes here: https://gridsetapp.com/documentation/classes/

    Please let us know if this helps. Thanks!

  2. 2 Posted by Mike Higginbott... on 25 Aug, 2014 06:50 AM

    Mike Higginbottom's Avatar

    I'm experiencing the same problem using the SASS mixins. If I follow an element styled with gs-span(grd,all) by an element styled using gs-span(grd,1,3) the second element is off the right hand side of the page. Is there a way to clear using SASS?

  3. 3 Posted by Nathan Ford on 26 Aug, 2014 12:52 PM

    Nathan Ford's Avatar

    Hey Mike! Good question. You need to write your own clearing styles when using the Gridset Sass. Our CSS can detect clearing using the classes, but in the Sass, we don’t have the same ability sense there are no predefined classes.

    If you just add clear:left where you need it, it should work fine. Please let me know if this helps. Thanks!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac