necolas

import NextLink from 'next/link';
import React from 'react';
import { Text } from 'react-native-web';

// https://github.com/zeit/next.js#with-link
// Combines the Next.js <Link> with React Native's <Text> component.
// Enables use like this:
//
//    <Link
//      href={href}

necolas

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name

necolas

/*
 * Property prefix hacks
 */

/* IE6 only - any combination of these characters */

_ - £ ¬ ¦

/* IE6/7 only - any combination of these characters */

necolas

import styles from './styles.css';
import testIDs from './testIDs';

export render = (text) => (
  <button className={styles.button} data-test-id={testsIDs.button}>
    <span className={styles.icon}></span>
    {text}
  </button>
);

necolas

/**
 * CSS modules required for this module to render correctly.
 * Correct order for entire app is resolved by script.
 */

@require "normalize.css";
@require "vendor/button.css";

/**
 * CSS component

necolas

.abcd {
  align-items: center;
}

.efgh {
  background: blue;
}

.ijkl {
  color: red;

necolas

.a {
  background: red;
  /* dropped linear gradient based on IE CSS support (like what autoprefixer does) */
  zoom: 1;
}
 
.b {
  background: green;
}

necolas

/**
 * Copyright (c) Nicolas Gallagher.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow strict-local
 */

type Groups = { [key: number]: Array<string> };

necolas

/**
 * Input CSS
 * No custom syntax. Just write "future" CSS without vendor prefixed properties or values.
 * Use a subset of CSS variables (not dynamic or scoped).
 * Specify a level of browser support: IE 8+, etc.
 * Tool takes browser support and specific declarations to generate vendor-specific variants.
 * This source code is just CSS and works in any browser with adequate support.
 * One day, perhaps you'll have no need to preprocess this code.
 */

necolas

// Still need to work out how to combine rules for numbers
// that share a greatest common factor without the unit-builder
// actually containing the fraction to which they can both be
// reduced.

// Calculate the greatest common factor of two integers
@function gcf($a, $b) {
    @if $b == 0 {
        @return $a;
    }