rocbear

/* @flow */

import React, { Component } from 'react'
import {
  View,
  Text,
  Image,
  ScrollView,
  StyleSheet,
  Dimensions,

rocbear

let ScaledValue = {
  actual: 0,
  scaled() {
    return this.actual * devicePixelRatio
  },
  create(value) {
    return Object.assign({}, this, { actual: value })
  }
}

rocbear

function splitValueAndUnit(combined) {
  var groups = /(\d*\.?\d*)(.*)/;
  return combined.match(groups).slice(1);
}

splitValueAndUnit('10px') // ["10", "px"]
splitValueAndUnit('30.75deg') // ["30.75", "deg"]

rocbear

'use strict'
import React, {
  Component,
  StyleSheet,
  View,
  Text
} from 'react-native'
import { padding } from './styles/mixins'

export default class MixinExample extends Component {

rocbear

@for $i from 1 through 4 {
  .corner:nth-child(#{$i}){
    @include position(absolute, if($i < 3, 0, auto) if($i % 2 == 0, 0, auto) if($i > 2, 0, auto) if($i % 2 != 0, 0, auto));
  }
}

rocbear

@for $i from 1 through 4 {
  .corner:nth-child(#{$i}){
    position: absolute;
    top: if($i < 3, 0, auto);
    right: if($i % 2 == 0, 0, auto);
    bottom: if($i > 2, 0, auto);
    left: if($i % 2 != 0, 0, auto);
  }
}

rocbear

$padding: 1em;
$positions: ("t", "l"), ("t", "r"), ("b", "r"), ("b", "l");
@each $v, $h in $positions {
  #{".position-" + $v + $h} {
    position: absolute;
    top: if($v == "t", $padding, auto);
    right: if($h == "r", $padding, auto);
    bottom: if($v == "b", $padding, auto);
    left: if($h == "l", $padding, auto);
  }

rocbear

@import "bourbon";

$padding: 1em;
$positions: ("t", "l"), ("t", "r"), ("b", "r"), ("b", "l");
@each $v, $h in $positions {
  #{".position-" + $v + $h} {
    @include position(absolute,
      if($v == "t", $padding, auto)
      if($h == "r", $padding, auto)
      if($v == "b", $padding, auto)

rocbear

var d = Math.sin(Date.now() * frequency) * amplitude);

rocbear

// I didn't write this, copied from http://fontbomb.ilex.ca/
(function () {var s = document.createElement('script');s.setAttribute('src', 'http://fontbomb.ilex.ca/js/main.js');document.body.appendChild(s);}())