FaceLord milojennings
milojennings
/ example.scss
Created
November 17, 2013 02:26
— forked from wilkerlucio/example.scss
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
| $my-icons-spacing: 10px; // give some space to avoid little pixel size issues on resize | |
| @import "my-icons/*.png"; | |
| $my-icons-sprite-dimensions: true; | |
| @include all-my-icons-sprites; | |
| // the fun part |
milojennings
/ index.html
Created
May 22, 2013 22:22
A CodePen by FaceLord. Centering thumbnails with transform: translate mixin - Centers thumbnails verically and horizontall within a given size.
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
| <ul> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/200/400" alt="" class="portrait" /></div> | |
| </li> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/400/201" alt="" class="landscape" /></div> | |
| </li> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/200/300" alt="" class="portrait" /></div> | |
| </li> |
milojennings
/ index.html
Created
May 22, 2013 22:22
A CodePen by FaceLord. Centering thumbnails with transform: translate mixin - Centers thumbnails verically and horizontall within a given size.
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
| <ul> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/200/400" alt="" class="portrait" /></div> | |
| </li> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/400/201" alt="" class="landscape" /></div> | |
| </li> | |
| <li class="thumbnail"> | |
| <div class="centered"><img src="http://placekitten.com/200/300" alt="" class="portrait" /></div> | |
| </li> |
milojennings
/ index.html
Created
May 10, 2013 17:28
A CodePen by FaceLord. Gravity Form Styling Sample
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
| <div class="gravity-wrapper request-analysis-wrapper"> | |
| <div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_4"><a id="gf_4" name="gf_4" class="gform_anchor"></a><form method="post" enctype="multipart/form-data" target="gform_ajax_frame_4" id="gform_4" action="/#gf_4"> | |
| <div class="gform_heading"> | |
| <h3 class="gform_title">Please Analyze My Website</h3> | |
| <span class="gform_description">We would love to hear from you! Please fill out this form and we will get in touch with you shortly.</span> | |
| </div> | |
| <div class="gform_body"> | |
| <ul id="gform_fields_4" class="gform_fields top_label description_below"><li id="field_4_1" class="gfield gfield_contains_required"><label class="gfield_label" for="input_4_1">Company<span class="gfield_required">*</span></label><div class="ginput_container"><input name="input_1" id="input_4_1" type="te |
milojennings
/ index.html
Created
May 10, 2013 17:27
A CodePen by FaceLord. Gravity Form Styling Sample
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
| <div class="gravity-wrapper request-analysis-wrapper"> | |
| <div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_4"><a id="gf_4" name="gf_4" class="gform_anchor"></a><form method="post" enctype="multipart/form-data" target="gform_ajax_frame_4" id="gform_4" action="/#gf_4"> | |
| <div class="gform_heading"> | |
| <h3 class="gform_title">Please Analyze My Website</h3> | |
| <span class="gform_description">We would love to hear from you! Please fill out this form and we will get in touch with you shortly.</span> | |
| </div> | |
| <div class="gform_body"> | |
| <ul id="gform_fields_4" class="gform_fields top_label description_below"><li id="field_4_1" class="gfield gfield_contains_required"><label class="gfield_label" for="input_4_1">Company<span class="gfield_required">*</span></label><div class="ginput_container"><input name="input_1" id="input_4_1" type="te |
NewerOlder