Greg Miller shrinkray
| /*Snippet: Storefront CSS | |
| Mod to increase left col width to accommodate tree view */ | |
| #mainContent3ColumnContainer { | |
| padding: 0 200px 0 340px; | |
| background-color: rgb(255,255,255); | |
| } | |
| #mainContent3ColumnWrapper { |
LESS mixin to choose a random element from a array
A Pen by Jorge Epuñan on CodePen.
Use this pen to play around with how flexbox works.
Forked from CAH-MikeEarley's Pen Flexbox.less Example HTML.
A Pen by Greg Miller on CodePen.
This is a simple LESS mixin where you can declare the REM value you want throughout your LESS docs and the mixin will properly convert given number into the REM value and PX fallback for IE browsers which don't support REM.
A Pen by Joshua Hynes on CodePen.
Images with layered caption states. These widgets live on The Daily Beast homepage. The components are built using Less mixins. The width of each widget can vary based on configuration through a CMS, using a set of manageable classes.
A Pen by Natalie Olivo on CodePen.
A Pen by erikokoide on CodePen.
You can change the color of LESS Mixin
.LESS_mesh_st2 (color1, color1b, color2, color2b, size)
A Pen by Trumphouse on CodePen.
A Pen by Mark Campbell on CodePen.
Still many things to do and edge cases to fix. So feel free to make suggestions here or on the GitHub repo: https://github.com/HugoGiraudel/LESS-Mixin-for-CSS-arrows. :)
USAGE:
.arrow(size, color, direction, offset, border-size, border-color);
-
size: you can set pretty much whatever you want. Further tests required for em unit.
-
color: sadly, no way to inherit. Use the same color as the background of your element.