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 / 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 /
Last active Jul 18, 2017 — forked from ykaragol/
ember-tether remove with isShowing error
import Ember from 'ember';
export default Ember.Component.extend({
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() {

Keybase proof

I hereby claim:

  • I am chrislopresto on github.
  • I am chrislopresto ( on keybase.
  • I have a public key ASA4qKbjKEAQYHKy1VUEBm4qI6Pc0Zs-HpQ7KPofPgnV3Ao

To claim this, I am signing this object:

chrislopresto /
Created Aug 2, 2016
MWeb Tomorrow Preview CSS Theme
foreground: cccccc
background: 2d2d2d
caret: cc99cc
foreground: ffffff
background: 515151
chrislopresto / theme.less
Last active Aug 2, 2016
TaskPaper Cobalt Theme
View theme.less
// See 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 /
Last active Jun 30, 2016
Ember Color Palette Component
  • Technique lifted directly from
  • 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 / 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
> 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 /
Last active Aug 29, 2015
Spotlight: Ember Closure Actions
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
hodorSigil() {
You can’t perform that action at this time.