Brian Han hellobrian
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
| <button class="bx-btn--primary"> | |
| primary button | |
| </button> |
hellobrian
/ gulpfile-demo.js
Created
August 25, 2015 00:57
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
| /////////////////////// | |
| // Requires | |
| /////////////////////// | |
| var gulp = require('gulp'); | |
| var uglify = require('gulp-uglify'); | |
| var sass = require('gulp-sass'); | |
| /////////////////////// | |
| // Tasks |
hellobrian
/ SassMeister-input-HTML.html
Last active
October 29, 2015 17:38
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
| <!-- 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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| @mixin type($color, $size, $weight) { | |
| font-family: 'Helvetica', sans-serif; | |
| color: $color; | |
| font-size: $size; | |
| font-weight: $weight; | |
| } |
hellobrian
/ SassMeister-input-HTML.html
Last active
November 13, 2015 06:28
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
| <body class="bx-theme"> | |
| <h1 class="h1--base">Header</h1> | |
| </body> |
hellobrian
/ SassMeister-input-HTML.html
Last active
November 13, 2015 19:41
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
| <!-- html --> | |
| <h1> blah</h1> | |
| <h2 class="hi">hi</h2> |
hellobrian
/ SassMeister-rendered.html
Last active
November 14, 2015 20:03
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
| <!-- html --> | |
| <h1> blah</h1> | |
| <h2 class="hi">hi</h2> |
hellobrian
/ SassMeister-input-HTML.html
Created
November 21, 2015 21:35
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
| <div class="container"> | |
| <div class="ibm-colors"> | |
| <h1>IBM Colors</h1> | |
| <div class="blue-10">$blue-10</div> | |
| <div class="blue-20"></div> | |
| <div class="blue-30"></div> | |
| <div class="blue-40"></div> | |
| <div class="blue-90"></div> | |
| <div class="gray"></div> | |
| <div class="green"></div> |
hellobrian
/ SassMeister-input-HTML.html
Last active
November 22, 2015 04:51
Blue and Grey / Dark to Light
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
| <h1>Blue</h1> | |
| <div class="container"> | |
| <div class="blue-dark"> | |
| <strong>blue-dark</strong> | |
| <p>aka blue-70-mod</p> | |
| <p>bluemix-color('blue-70')</p> | |
| <p>#2D3F49</p> | |
| <p>Page bg</p> | |
| </div> | |
| <div class="blue-darker"> |
hellobrian
/ SassMeister-input.scss
Last active
November 24, 2015 23:40
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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| $white: #fff; | |
| @mixin type($size, $color: $white) { | |
| font-family: 'IBM Helvetica', Helvetica Neue, HelveticaNeue, Helvetica, sans-serif; | |
| font-size: $size; | |
| color: $color; |