Skip to content

Instantly share code, notes, and snippets.

@chrislopresto
chrislopresto / component.tsx
Created September 10, 2018 20:12
styled-components v4 + createGlobalStyle + TypeScript
import * as React from 'react';
import { theme } from './theme';
import { ThemeProvider, createGlobalStyle } from './styled-components';
const GlobalStyle = createGlobalStyle`
body {
font-family: Times New Roman;
}
`;
@chrislopresto
chrislopresto / components.my-component.js
Last active July 18, 2017 02:48 — forked from ykaragol/components.my-component.js
ember-tether remove with isShowing error
import Ember from 'ember';
export default Ember.Component.extend({
isShowing:false,
actions:{
clicked(){
this.toggleProperty('isShowing');
}
}
});
@chrislopresto
chrislopresto / _display.scss
Created July 11, 2017 14:39
Responsive utility classes
$sc-display-values: (
'none': 'none',
'block': 'block',
'inline-block': 'inline-block',
'inline': 'inline',
'flex': 'flex',
) !default;
@mixin generate-display-classes {
@each $sc-breakpoint-name, $sc-breakpoint-value in sc-responsive-utility-breakpoints() {
@chrislopresto
chrislopresto / exactly.md
Created October 13, 2016 17:46
Exactly (Markdown)

Exactly...

@chrislopresto
chrislopresto / keybase.md
Created September 13, 2016 15:00
keybase.md

Keybase proof

I hereby claim:

  • I am chrislopresto on github.
  • I am chrislopresto (https://keybase.io/chrislopresto) on keybase.
  • I have a public key ASA4qKbjKEAQYHKy1VUEBm4qI6Pc0Zs-HpQ7KPofPgnV3Ao

To claim this, I am signing this object:

@chrislopresto
chrislopresto / tomorrow.style
Created August 2, 2016 04:15
MWeb Tomorrow Preview CSS Theme
editor
foreground: cccccc
background: 2d2d2d
caret: cc99cc
editor-selection
foreground: ffffff
background: 515151
H1
@chrislopresto
chrislopresto / theme.less
Last active August 2, 2016 03:49
TaskPaper Cobalt Theme
// See http://guide.taskpaper.com/creating_themes.html to get started.
// Cobalt Atom Colors
// General colors
@syntax-text-color: #FFFFFF;
@syntax-cursor-color: #ffc600;
@syntax-selection-color: #0050a4;
@syntax-background-color: #193549;
// Guide colors
@chrislopresto
chrislopresto / _ember-color-palette-component.md
Last active June 30, 2016 16:09
Ember Color Palette Component
  • Technique lifted directly from https://scotch.io/tutorials/aesthetic-sass-2-colors
  • base.scss comes before color-palette.scss
  • The palette-color scss function lets you do things like border-bottom: 1px solid palette-color('background', 'dark'); or color: palette-color('primary');
@chrislopresto
chrislopresto / keen-js-scoped-keys.js
Created February 12, 2016 22:41
Scoped Keys Issue - keen-js
> Keen = require('keen-js');
> Keen.version
'3.4.0-rc4'
> var masterKey = process.env.YAPP_KEEN_MASTER_KEY;
> var appIdA = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx';
> var scopedKeyA = Keen.utils.encryptScopedKey(masterKey, {
... filters: [{
..... property_name: 'appId',
..... operator: 'eq',
..... property_value: appIdA
@chrislopresto
chrislopresto / components.got-hodor.js
Last active August 29, 2015 14:26
Spotlight: Ember Closure Actions
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
hodorSigil() {
console.log('HODOR!!!');
}
}
});