Luke Watts lukewatts
lukewatts
/ SassMeister-input-HTML.haml
Created
October 28, 2015 20:23
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
| %header | |
| .logo Header | |
| %nav | |
| %ul | |
| %li Home | |
| %li About | |
| %li Blog | |
| %li Contact Us | |
| %main | |
| %article Post |
lukewatts
/ index.html
Last active
November 4, 2015 17:54
We've all been in that situation when we have 3 columns of blog posts and each one has varying amounts of content, different sized images etc. This small jQuery function simply gets the tallest element in such a group and makes the rest this height.
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 lang="en"> | |
| <head> | |
| <title>A Bunch of uneven columns</title> | |
| </head> | |
| <body> | |
| <section id="latest-news"> | |
| <article class="columns"> | |
| <p>One lin of text</p> | |
| </article> |
lukewatts
/ SassMeister-input-HTML.jade
Last active
December 2, 2015 17:33
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ SassMeister-input-HTML.jade
Created
December 3, 2015 00:42
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ SassMeister-input-HTML.jade
Created
December 3, 2015 17:02
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ SassMeister-input-HTML.jade
Created
December 4, 2015 05:02
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ SassMeister-input-HTML.jade
Created
December 4, 2015 05:13
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ SassMeister-input-HTML.jade
Last active
December 4, 2015 19:17
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
| doctype html | |
| html(lang="en") | |
| head | |
| meta(charset="UTF-8") | |
| title Mastering Sass: Chapter 2 | |
| link(href="css/style.css" rel="stylesheet") | |
| body | |
| div |
lukewatts
/ mastering-sass-ch03-columns.css
Last active
December 23, 2015 04:51
Mastering Sass: Chapter 03 - Columns. 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
| .newspaper-article { | |
| text-align: justify; | |
| -moz-column-count: 4; | |
| -webkit-column-count: 4; | |
| column-count: 4; | |
| -moz-column-width: 15em; | |
| -webkit-column-width: 15em; | |
| column-width: 15em; | |
| -moz-column-gap: 2em; | |
| -webkit-column-gap: 2em; |
lukewatts
/ SassMeister-input-HTML.jade
Last active
December 23, 2015 13:48
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
| .transform-me | |
| | Transform me! |
OlderNewer