cjbell

.article {
  composes: flex vertical centered from "./layout.css";
}

.masthead {
  composes: serif bold 48pt centered from "./typography.css";
  composes: paragraph-margin-below from "./layout.css";
}

.body {

cjbell

<div class="absolute right-0 xs-left-0 sm-col-6 md-col-4 lg-col-3 nowrap black bg-gray rounded-bottom">
  ...
</div>

cjbell

var API = {
  get: function() {
    return new Promise(function() {
      // ... some code to get remotely
    });
  }  
}
 
var UserAPI = {
  getById: function(id) {

cjbell

var API = {
  get: function() {
    return new Promise(function() {
      // ... some code to get remotely
    });
  }  
}

var UserAPI = {
  getById: function(id) {

cjbell

%unstyled-anchor {
  text-decoration: none;
  color: inherit;
}

%button {
  @extend %unstyled-anchor;
  font-weight: bold;
  padding: 1em 3em;
  text-align: center;

cjbell

{
  "name": "your-app-name",
  "devDependencies" : {
    "bower": "~1.2.8"
  },
  "dependencies": {
    "browserify": "~5.10.1"
  },
  "license": "MIT",
  "engines": {

cjbell

/*
*= require normalize-css/normalize
*/

cjbell

module YourApp
  class Application < Rails::Application
    config.assets.paths << Rails.root.join('vendor', 'assets', 'components')
  end
end

cjbell

{
  "name": "your-app-name-here",
  "private": true,
  "dependencies": {
    "normalize-css": "~3.0.0"
  }
}

cjbell

{
  "directory": "vendor/assets/components"
}