CSS3+LESS Carbon Fiber Background
How to make CSS3 Mesh,Carbon Fiber Background
A Pen by Trumphouse on CodePen.
shrinkray
/ 0_reuse_code.js
Last active
August 29, 2015 14:07
Here are some things you can do with Gists in GistBox.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
shrinkray
/ number of tickets requested.html
Created
October 23, 2014 15:30
Gravity Forms HTML Number Field Using HTML5
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <label class='gfield_label' for='num-field'>Number of Tickets Requested<span class='gfield_required'>*</span></label> | |
| <div class='ginput_container'> | |
| <input type="number" min="1" max="64" step="1" value="0" name="tickets-requested" value='' class='small' tabindex='1' id='num-field' > | |
| </div> |
shrinkray
/ CSS3+LESS-Carbon-Fiber-Background.markdown
Created
December 6, 2014 02:17
CSS3+LESS Carbon Fiber Background
Multi-Level text-shadow mixin for making your big, fat headline text look 3D.
Even more info here: http://forrst.com/posts/Another_LESS_Mixin_For_3D_Text-xoP
A Pen by Ian Edward 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.
A Pen by Mark Campbell on CodePen.
shrinkray
/ CSS3+LESS-Simple-Mesh-Background.markdown
Created
December 6, 2014 02:22
CSS3+LESS Simple Mesh Background
You can change the color of LESS Mixin
.LESS_mesh_st2 (color1, color1b, color2, color2b, size)
A Pen by Trumphouse on CodePen.
shrinkray
/ Useful-Gradient-LESS-Mixin.markdown
Created
December 6, 2014 02:24
Useful Gradient LESS Mixin
A Pen by erikokoide 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.
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.
OlderNewer