MoOx

// Usage : less2stylusDir('../src/css/');

var fs = require('fs');

// this less 2 stylus conversion script make a stylus easy to read syntax
// - let the braces
// - replace the @ for var as $
// - let semicolons

function less2stylus(less)

MoOx

Your username on Github: MoOx Please publicly post the following Gist, and name it keybase.md

Keybase proof

I hereby claim:

• I am moox on github.
• I am moox (https://keybase.io/moox) on keybase.
• I have a public key ASDqDbkch-cnPEc4XlbDhaYbLywxshF_E0wDNfUBz7GLIAo

MoOx

//
// Predefined Media Queries Mixins
//
// @require sass-3.2 (you need eventually to do "sudo gem install sass --pre")
//
// @author Maxime Thirouin <maxime.thirouin@gmail.com>
//
// @link https://gist.github.com/2028061
// @link http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning

MoOx

// auto scroll to proper active (form) element when keyboard open
// may be useless on iOS, but useful on Android
function scrollToActiveElement() {
  if (document.activeElement && document.activeElement.scrollIntoViewIfNeeded) {
    document.activeElement.scrollIntoViewIfNeeded()
  }
}
window.addEventListener("resize", () => {
  setTimeout(scrollToActiveElement, 200)
  setTimeout(scrollToActiveElement, 1000) // just in case browser is slow

MoOx

  //...
  $background: null; // if you don't do this, background is undefined out of the @if/else scope
  @if ($direction) {
    $background: linear-gradient($direction, $color, $color2);
  }
  @else {
    $background: linear-gradient($color, $color2);
  }
  //...
  

MoOx

// @flow

// partial dirty implementation of react-native Picker
// should match http://facebook.github.io/react-native/docs/picker.html

// https://github.com/necolas/react-native-web/issues/184
import createDOMElement from "react-native-web/dist/modules/createDOMElement"

import PickerItem from "./item.web.js"

MoOx

.SVGIcon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* fix webkit/blink poor rendering issues */
  transform: translate3d(0,0,0);

  /* it's better defined directly because of the cascade shit
  width: inherit;
  height: inherit;

MoOx

// @flow

import React, { Component } from "react"

type Props = {
  onMouseEnter?: Function | boolean,
  onMouseLeave?: Function | boolean,
}

type State = {

MoOx

Renderer.prototype.image = function(href, title, text) {
  var out = '<img src="' + href + '" alt="' + text + '"';
  if (title) {
    out += ' title="' + title + '"';
  }
  out += this.options.xhtml ? '/>' : '>';
  return out;
};

MoOx

# ...

[options]
# webpack loaders
module.name_mapper='.*\.css$' -> '<PROJECT_ROOT>/flow/stub/css-modules.js'
module.name_mapper='.*\.\(svg\|png\|jpg\|gif\)$' -> '<PROJECT_ROOT>/flow/stub/url-loader.js'