Sitian Liu goldensunliu
goldensunliu
/ clean_output.css
Created
January 22, 2018 20:34
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
| .page_title { | |
| color: #212121; | |
| font-size: 36px; | |
| } | |
| .page_cta { | |
| color: #616161; | |
| font-size: 18px; | |
| } |
goldensunliu
/ page.scss
Created
January 22, 2018 20:33
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
| @import './typography' | |
| .page_title { | |
| @extend %h1; | |
| } | |
| .page_cta { | |
| @extend %h3; | |
| } | |
| .page_special_button { |
goldensunliu
/ typography.scss
Created
January 22, 2018 20:31
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
| $h1-size: 36px; | |
| $h2-size: 24px; | |
| $h3-size: 18px; | |
| $grey: #212121; | |
| $lightgrey: #616161; | |
| %h1 { | |
| color: $grey; | |
| font-size: $h1-size; |
goldensunliu
/ output2.css
Created
January 22, 2018 18:08
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
| .page_special_button { | |
| background-color: black; | |
| color: white; | |
| } | |
| .h1, | |
| .page_title, | |
| .page2_title { | |
| color: #212121; | |
| font-size: 36px; | |
| } |
goldensunliu
/ page2.less
Last active
January 22, 2018 18:05
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
| @import "./page"; | |
| @import "./font-sizes"; | |
| .page2_title { | |
| &:extend(.page_title); | |
| } | |
| .log_out_cta { | |
| &:extend(.copy); | |
| } |
goldensunliu
/ output.css
Last active
January 22, 2018 18:07
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
| .h1, | |
| .page_title { | |
| color: #212121; | |
| font-size: 36px; | |
| } | |
| .h2 { | |
| color: #212121; | |
| font-size: 24px; | |
| } | |
| .h3, |
goldensunliu
/ page.less
Last active
January 22, 2018 18:06
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
| @import "./font-sizes"; | |
| .page_title { | |
| &:extend(.h1); | |
| } | |
| .page_cta { | |
| &:extend(.h3); | |
| } |
goldensunliu
/ font-sizes.less
Last active
January 22, 2018 17:49
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
| @h1-size: 36px; | |
| @h2-size: 24px; | |
| @h3-size: 18px; | |
| @grey: #212121; | |
| @lightgrey: #616161; | |
| .h1 { | |
| color: @grey; | |
| font-size: @h1-size; | |
| } |
goldensunliu
/ UspsCode.js
Created
June 13, 2016 14:05
USPS state code to state name conversion with a simple Javascript implementation, an array and a function.
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
| const UspsCodesToStateName = { | |
| 'AL' : 'Alabama', | |
| 'AK' : 'Alaska', | |
| 'AZ' : 'Arizona', | |
| 'AR' : 'Arkansas', | |
| 'CA' : 'California', | |
| 'CO' : 'Colorado', | |
| 'CT' : 'Connecticut', | |
| 'DE' : 'Delaware', | |
| 'DC' : 'District of Columbia', |
goldensunliu
/ page.styl
Created
May 12, 2016 17:45
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
| @require 'font-size' | |
| .page__title | |
| font-size $font-size-base | |
| .page__content | |
| font-size $font-size-small | |