Matt Greenfield mattgreenfield
mattgreenfield
/ SassMeister-input-HTML.html
Created
March 13, 2015 11:51
Generated by SassMeister.com.
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="data-row"> | |
| <div class="data-row__checkbox"> | |
| <input type="checkbox" id="bulk-edit"> | |
| <label for="bulk-edit"></label> | |
| </div> | |
| <img class="data-row__image" src="http://placehold.it/50x50"> | |
| <span class="data-row__title">Item Title</span> | |
mattgreenfield
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:19
Generated by SassMeister.com.
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="content-block--heading alpha"> | |
| <h2 class="heading">Heading</h2> | |
| <h3 class="sub-heading">This sub heading is very nice </h3> | |
| </div> | |
| <div class="content-block--heading beta"> | |
| <h2 class="heading">Heading</h2> | |
| <h3 class="sub-heading">This sub heading is very nice </h3> | |
| </div> |
mattgreenfield
/ SassMeister-input-HTML.html
Created
June 30, 2015 09:49
Generated by SassMeister.com.
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="xsml"> | |
| <h1 class="alpha">This is a heading</h1> | |
| <h2 class="beta">This is a heading</h2> | |
| <h3 class="gamma">This is a heading</h3> | |
| <h4 class="delta">This is a heading</h4> | |
| <h5 class="epsilon">This is a heading</h5> | |
| <h6 class="zeta">This is a heading</h6> | |
| </div> | |
| <div class="sml"> |
mattgreenfield
/ SassMeister-input-HTML.html
Created
July 31, 2015 16:44
Generated by SassMeister.com.
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> | |
| <p data-text="gfdgkhdsfgkljenbdek;jbnerbjeargjhaerjnadbknjdfbknjdfkjenrghkjnbkdjfngkjgeljrbnekrjbnalerghidzg;kjlhsdgfmn,.dbf.com">gfdgkhdsfgkljenbdek;jbnerbjeargjhaerjnadbknjdfbknjdfkjenrghkjnbkdjfngkjgeljrbnekrjbnalerghidzg;kjlhsdgfmn,.dbf.com</p> | |
| </div> |
mattgreenfield
/ SassMeister-input-HTML.html
Created
August 3, 2015 10:51
Generated by SassMeister.com.
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> | |
| <p data-text="gfdgkhdsfgkljenbdek;jbnerbjeargjhaerjnadbknjdfbknjdfkjenrghkjnbkdjfngkjgeljrbnekrjbnalerghidzg;kjlhsdgfmn,.dbf.com">gfdgkhdsfgkljenbdek;jbnerbjeargjhaerjnadbknjdfbknjdfkjenrghkjnbkdjfngkjgeljrbnekrjbnalerghidzg;kjlhsdgfmn,.dbf.com</p> | |
| </div> |
mattgreenfield
/ SassMeister-input-HTML.html
Created
November 30, 2015 17:09
Generated by SassMeister.com.
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>Home Is where the heart is</div> |
mattgreenfield
/ index.html
Last active
April 1, 2016 08:39
— forked from anonymous/index.html
Image Gallery Centring - JS Bin// source https://jsbin.com/jevigubacu
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .grid__item { | |
| width: 25%; | |
| height: 0; |
mattgreenfield
/ SassMeister-input-HTML.html
Last active
April 14, 2016 09:19
— forked from Gmattgreenfield/SassMeister-input-HTML.html
Product Summaries - Generated by SassMeister.com.
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
| <span class="one"> | |
| <li class="grid__item hproduct h-product product-summary product-summary--has-image product-summary--has-basket"> | |
| <span class="product-summary__sale-banner">SALE</span> | |
| <a class="url u-url product-summary__body link-complex" href="/ourshop/prod_3718473-DW-Broken-Glass.html" rel="product" style="border-color:#d1cab6"> | |
| <div class="product-summary__image image-tile"> |
mattgreenfield
/ sass-utility-class.scss
Created
June 20, 2016 09:52
Sass mixin to create a load of utility spacing classes and a function for spacing.
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
| // Sass mixin to create a load of utility spacing classes (padding and/or margin) and a function for spacing. | |
| // Function to output a spacing pixel value | |
| @function spacing($amount){ | |
| @return $amount * 4px; | |
| } | |
| // Mixin for creating utility spacing classes based on the "spacing()" function | |
| @mixin utility-spacer($property, $amount, $position: null){ |
mattgreenfield
/ bad-css
Last active
September 18, 2017 15:44
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
| .block-bundle-summary .bundle-info .page-layout-checkout .authentication-wrapper .product-price-main, | |
| .block-reviews-dashboard .page-layout-checkout .authentication-wrapper .darwin-review-summary, | |
| .block-reviews-dashboard .page-layout-checkout .authentication-wrapper .rating-result, | |
| .block-reviews-dashboard .page-layout-checkout .authentication-wrapper .review-description, | |
| .bluefoot-product-list.products-grid .cart.table-wrapper .actions.product-item .page-layout-checkout .authentication-wrapper .action, | |
| .bluefoot-product-list.products-grid .cart.table-wrapper .item.product-item .tablet-actions .page-layout-checkout .authentication-wrapper .action, | |
| .bluefoot-product-list.products-grid .cart.table-wrapper .qty.product-item .page-layout-checkout .authentication-wrapper .control.qty, | |
| .cart-gift-item .gift-item-block .content .page-layout-checkout .authentication-wrapper .actions-toolbar, | |
| .cart-gift-item .page-layout-checkout .authentication-wrapper .gift-message-summary, | |
| .cart.table-wrapper .actions.product-info |
OlderNewer