Skip to content

Instantly share code, notes, and snippets.

Chris LoPresto chrislopresto

Block or report user

Report or block chrislopresto

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@chrislopresto
chrislopresto / component.tsx
Created Sep 10, 2018
styled-components v4 + createGlobalStyle + TypeScript
View component.tsx
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 Jul 18, 2017 — forked from ykaragol/components.my-component.js
ember-tether remove with isShowing error
View components.my-component.js
import Ember from 'ember';
export default Ember.Component.extend({
isShowing:false,
actions:{
clicked(){
this.toggleProperty('isShowing');
}
}
});
@chrislopresto
chrislopresto / _display.scss
Created Jul 11, 2017
Responsive utility classes
View _display.scss
$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() {
View 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 Aug 2, 2016
MWeb Tomorrow Preview CSS Theme
View tomorrow.style
editor
foreground: cccccc
background: 2d2d2d
caret: cc99cc
editor-selection
foreground: ffffff
background: 515151
H1
@chrislopresto
chrislopresto / theme.less
Last active Aug 2, 2016
TaskPaper Cobalt Theme
View theme.less
// 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 Jun 30, 2016
Ember Color Palette Component
View _ember-color-palette-component.md
  • 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 Feb 12, 2016
Scoped Keys Issue - keen-js
View keen-js-scoped-keys.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 Aug 29, 2015
Spotlight: Ember Closure Actions
View components.got-hodor.js
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
hodorSigil() {
console.log('HODOR!!!');
}
}
});
You can’t perform that action at this time.