Benjamin Charity benjamincharity
🤖
benjamincharity
/ lowercase.snippet
Created
June 28, 2017 18:18
Change the casing of a snippet variable.
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
| # Module | |
| # NOTE: The last line lowercases the first letter of the 1st variable and stores it as the 2nd | |
| # variable | |
| snippet uim "Create a UI module" m | |
| import { NgModule } from '@angular/core'; | |
| import { CommonModule } from '@angular/common'; | |
| /* | |
| *import { | |
| * MdButtonModule, | |
| *} from '@angular/material'; |
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 { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; | |
| import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| import { FormsModule } from '@angular/forms'; | |
| import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; | |
| import { | |
| MdIconModule, | |
| MdInputModule, | |
| } from '@angular/material'; | |
| import { TsSearchComponent } from './search.component'; |
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
| https://circleci.com/cc.xml?circle-token=[circle-token] |
benjamincharity
/ copyAndRename.sh
Created
June 5, 2017 13:15
Copy and rename a file from the command line (for use in NPM script). Requires https://github.com/mysticatea/cpx
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
| node_modules/.bin/cpx dist/*.css styleguide && for f in styleguide/*.css; do mv \"$f\" \"styleguide/raw-styles.css\"; done |
benjamincharity
/ z-index.scss
Last active
May 30, 2017 02:14
Determine z-index based off of a list. This allows new items to be added without needing a refactor.
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
| $z-layers: ( | |
| "header", | |
| "menu", | |
| "menu-trigger", | |
| ); | |
| ///////////////////////////////////////////// | |
| // | |
| // Determine the correct z-index | |
| // |
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-lint config | |
| # https://github.com/sasstools/sass-lint/tree/master/docs/rules | |
| files: | |
| include: 'src/**/*.s+(a|c)ss' | |
| ignore: | |
| - 'node_modules/**/*.s+(a|c)ss' | |
| options: | |
| formatter: stylish | |
| rules: |
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
Show hidden characters
| { | |
| "rulesDirectory": [ | |
| "node_modules/codelyzer" | |
| ], | |
| "rules": { | |
| "callable-types": true, | |
| "class-name": true, | |
| "comment-format": [ | |
| true, | |
| "check-space" |
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
| // Palettes color map | |
| $palettes: ( | |
| mapPrimary: ( | |
| xlight: material-color('indigo', '200'), // #9FA8DA | |
| light: material-color('indigo', '500'), // #3F51B5 | |
| base: material-color('indigo', '700'), // #303F9F | |
| dark: material-color('indigo', '900') // #1A237E | |
| ), | |
| mapAccent: ( | |
| light: material-color('cyan', '100'), // #B2EBF2 |
benjamincharity
/ breakpoints.scss
Last active
May 29, 2017 16:49
Manage CSS breakpoints via mixin. Sizes based off of Material's breakpoints.
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
| /////////////////////////// | |
| // | |
| // Breakpoints Mixin | |
| // | |
| @mixin bp($point) { | |
| @if $point == 'layout-xs' { | |
| @media (max-width: 599px) { @content; } | |
| } |
benjamincharity
/ typography.scss
Last active
May 30, 2017 02:12
Manage app typography via a single mixin
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
| $text-styles: ( | |
| "site-title", | |
| "site-subtitle", | |
| "title-large", | |
| "title-medium", | |
| "body", | |
| "link-hover", | |
| "small", | |
| ); |