Created
April 10, 2014 00:21
-
-
Save trub/10332731 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or 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> | |
| <head> | |
| <title>BLOG</title></title> | |
| </head> | |
| <body> | |
| <section> | |
| <aside> | |
| <figure> | |
| <img src="http://placehold.it/350x150" alt="place" class="content-image"> | |
| <figcaption><a href="#">焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨</a></figcaption> | |
| </figure> | |
| </aside> | |
| <h1>TEST</h1> | |
| <article> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ しゃ祌ッ 涯リ 礥ほ 儥䰦マ 䥪穞う㠤ウュ ず㫨い饥榞 ば觚䶧訣., 䥪穞う ぢょ駧く嶣䦞 あ䦦シまユ 禚骦ふ㫤ひ 褤骣 ヲ襪饜ち姟 谯りゅ鎌夺榊 ほひゅ韩 ユぱ, と䣊䤎 饵でみゅ儥䰦 禚骦ふ㫤ひ ノ觃 焨狨䛣 ば觚䶧訣. 鏥ペ鍯盤じゅ ヲ襪饜ち姟 誣榚, ぢゃわ つ䨦鰥 あ䦦シまユ しゅぢぢゃわ坩, 秚ぺ ぴゃ穤にゅ こ蟦ニョ夯ぴゃ ヲ襪饜ち姟 チュフ 䨤と䣊䤎ヴェ ズ㛥ヒ㨣禌 婩ミャ鏥, ファ榯娪 ビェ以妦竤しょ 簨愦蛣ぞ盨 焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨 ば觚䶧訣. みゃ갤にょ婩ミャ | |
| </p> | |
| <h2>TEST</h2> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ しゃ祌ッ 涯リ 礥ほ 儥䰦マ 䥪穞う㠤ウュ ず㫨い饥榞 ば觚䶧訣., 䥪穞う ぢょ駧く嶣䦞 あ䦦シまユ 禚骦ふ㫤ひ 褤骣 ヲ襪饜ち姟 谯りゅ鎌夺榊 ほひゅ韩 ユぱ, と䣊䤎 饵でみゅ儥䰦 禚骦ふ㫤ひ ノ觃 焨狨䛣 ば觚䶧訣. 鏥ペ鍯盤じゅ ヲ襪饜ち姟 誣榚, ぢゃわ つ䨦鰥 あ䦦シまユ しゅぢぢゃわ坩, 秚ぺ ぴゃ穤にゅ こ蟦ニョ夯ぴゃ ヲ襪饜ち姟 チュフ 䨤と䣊䤎ヴェ ズ㛥ヒ㨣禌 婩ミャ鏥, ファ榯娪 ビェ以妦竤しょ 簨愦蛣ぞ盨 焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨 ば觚䶧訣. みゃ갤にょ婩ミャ | |
| </p> | |
| </article> | |
| </section> | |
| <footer> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or 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 (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // Bourbon (v) | |
| // Neat (v) | |
| // ---- | |
| @import "bourbon/bourbon"; | |
| @import "neat/neat"; | |
| //*********************** Neat Grid | |
| $start-here: 33; | |
| $container-max-width: em(960, $start-here); //Max width of outer container | |
| //*********************** Responsive Breakpoints | |
| $big: 850px; | |
| $small: 750px; | |
| $desktop: min-width $big; | |
| $tablet: min-width $small; | |
| $tablet-only: min-width $small max-width ($big - 1px); | |
| $mobile-only: max-width ($small - 1px); | |
| //*********************** Colors | |
| $black: #111111; | |
| $blue: #369; | |
| $green: #46a546; | |
| $red: #9d261d; | |
| $yellow: #fe9800; | |
| $orange: #da6b11; | |
| $white: #ffffff; | |
| //*********************** Styles | |
| $margin: 0 auto; | |
| body { | |
| max-width: $container-max-width; | |
| margin: $margin; | |
| background-color: lighten($orange, 30%); | |
| } | |
| h1 { | |
| font-size: 1.5em; | |
| font-style: italic; | |
| text-transform: uppercase; | |
| @include media($desktop) { | |
| font-size: 3.5em; | |
| } | |
| } | |
| a { | |
| color: $green; | |
| &:hover { | |
| color: lighten($yellow, 10%); | |
| } | |
| } | |
This file contains hidden or 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
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| max-width: 29.0909090909em; | |
| margin: 0 auto; | |
| background-color: #f6bd8e; | |
| } | |
| h1 { | |
| font-size: 1.5em; | |
| font-style: italic; | |
| text-transform: uppercase; | |
| } | |
| @media screen and (min-width: 850px) { | |
| h1 { | |
| font-size: 3.5em; | |
| } | |
| } | |
| a { | |
| color: #46a546; | |
| } | |
| a:hover { | |
| color: #ffad32; | |
| } |
This file contains hidden or 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> | |
| <head> | |
| <title>BLOG</title></title> | |
| </head> | |
| <body> | |
| <section> | |
| <aside> | |
| <figure> | |
| <img src="http://placehold.it/350x150" alt="place" class="content-image"> | |
| <figcaption><a href="#">焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨</a></figcaption> | |
| </figure> | |
| </aside> | |
| <h1>TEST</h1> | |
| <article> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ しゃ祌ッ 涯リ 礥ほ 儥䰦マ 䥪穞う㠤ウュ ず㫨い饥榞 ば觚䶧訣., 䥪穞う ぢょ駧く嶣䦞 あ䦦シまユ 禚骦ふ㫤ひ 褤骣 ヲ襪饜ち姟 谯りゅ鎌夺榊 ほひゅ韩 ユぱ, と䣊䤎 饵でみゅ儥䰦 禚骦ふ㫤ひ ノ觃 焨狨䛣 ば觚䶧訣. 鏥ペ鍯盤じゅ ヲ襪饜ち姟 誣榚, ぢゃわ つ䨦鰥 あ䦦シまユ しゅぢぢゃわ坩, 秚ぺ ぴゃ穤にゅ こ蟦ニョ夯ぴゃ ヲ襪饜ち姟 チュフ 䨤と䣊䤎ヴェ ズ㛥ヒ㨣禌 婩ミャ鏥, ファ榯娪 ビェ以妦竤しょ 簨愦蛣ぞ盨 焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨 ば觚䶧訣. みゃ갤にょ婩ミャ | |
| </p> | |
| <h2>TEST</h2> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ しゃ祌ッ 涯リ 礥ほ 儥䰦マ 䥪穞う㠤ウュ ず㫨い饥榞 ば觚䶧訣., 䥪穞う ぢょ駧く嶣䦞 あ䦦シまユ 禚骦ふ㫤ひ 褤骣 ヲ襪饜ち姟 谯りゅ鎌夺榊 ほひゅ韩 ユぱ, と䣊䤎 饵でみゅ儥䰦 禚骦ふ㫤ひ ノ觃 焨狨䛣 ば觚䶧訣. 鏥ペ鍯盤じゅ ヲ襪饜ち姟 誣榚, ぢゃわ つ䨦鰥 あ䦦シまユ しゅぢぢゃわ坩, 秚ぺ ぴゃ穤にゅ こ蟦ニョ夯ぴゃ ヲ襪饜ち姟 チュフ 䨤と䣊䤎ヴェ ズ㛥ヒ㨣禌 婩ミャ鏥, ファ榯娪 ビェ以妦竤しょ 簨愦蛣ぞ盨 焨狨䛣姨谦 ズ㛥, 祧詞骧 チゆ 驌䣥儯ぴ堨 ば觚䶧訣. みゃ갤にょ婩ミャ | |
| </p> | |
| </article> | |
| </section> | |
| <footer> | |
| <p>涯リ ば觚䶧訣. *ンフォみょ卧み しょ て觩, ほひゅ韩 饵で 礥ほひゅ韩饺 な囤そにゃせ 䥪穞う㠤ウュ 婨䧨び㠣槣 䨤と䣊䤎ヴェ 禚骦ふ㫤ひ | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment