![]() ![]() ![]() For that, manually call your column() method again. This won't revert back to your column() calls. Accepts padding and/or text alignment.Ĭancel that stack(). stackĪ helper mixin to "stack" elements on top of each other. The pad variable sets padding on the left and right. This is a shortcut to easily center containers. It's a little trick picked up over the years that makes visualizing the structure of your site trivial. debugĭebug mode assigns a lightly translucent background to every element on the page. unmove() is a great helper function to quickly disable whatever source ordering you've done to an element. move also accepts custom gutter sizing, just make sure your gutter sizes match the gutter sizes of your original elements.Īccepts no values. Move can accept multiple context ratios to maintain perfect nested sizing. This works similar to offset in that it can accept negative values to shift the other direction. You can specify if this is a column or span movement to include gutters or not. Source ordering works in Jeet by assigning position: relative and then a left offset equal to the ratio passed. ($ratios: 0, $col-or-span: column, $gutter: map-get($jeet, 'gutter')) No need to pass more than one ratio since we don't need to worry about the math involved with gutters and all that. Need a grid without the gutters? For instance, for a horizontal navigation where you want buttons touching. column-gutterĪ function that returns the gutter size. ($ratios: 1, $gutter: map-get($jeet, 'gutter'))Ī function to return strictly the column width with none of the styles. Need to adjust column gutters for a specific container? col(1/4, $gutter. Want to change it up when you get down to mobile? Maybe just show 2 images per row? column(1/2, $cycle: 2) - done. Want to make a gallery but don't want to have a every 4 pictures? column(1/4, $cycle: 4) - done. column(1/4, $offset: 1/4) would create a column the quarter of the size of its container and push it to the right a quarter. ![]() Make it negative to give it a margin-right instead. Specify a ratio to make your offset have a margin-left. Specify an initial ratio, either as fractions or decimals, then pass the parent container's context ratio to maintain consistent gutters as you nest. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |