davilious

.icon {
  --icon-color-default: #000;
  height: var(--icon-height, 16px);
  width: var(--icon-width, 16px);
  display: inline-block;
}

.icon-wadus {

davilious

@mixin icon-color($color) {
  background-image: none !important;
  mask: var(--icon-image);
  background-color: $color;
}

.icon {
  --icon-color-default: #000;
  height: var(--icon-height, 16px);

davilious

1. Gemfile

gem 'browserify-rails', '1.5.0' # until fix: https://github.com/browserify-rails/browserify-rails/issues/101
gem 'react-rails'

Browserify-rails allows to use browserify within assets pipeline. React-rails is here only to allow to use #react_component (and thus, prerendering).

Note that jquery-rails can be removed from Gemfile, the npm version of jquery and jquery-ujs will be used instead.

davilious

This is a more or less a summary of the folowing article written by Allison Kaptur about effective learning strategies for programmers.

The good programmer

The good programmer should have the following skills, among many others:

• respond well to confusion;
• recover from setbacks;
• embrace challenges;
• be persistent;

davilious

Github

http://adrianayala.mx/code-guide/es/

davilious

<div class="green-element"></div>

davilious

<div class="icon-hola"></div>

davilious

// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----

$units: 1;
/* Colors */

$black: #222;
$blue: #0078e7;

davilious

$input-disabled-color: #000000;

$input: (
  disabled-background: lighten($input-disabled-color, 75%),
  disabled-border: lighten($input-disabled-color, 50%),
  disabled-text: lighten($input-disabled-color, 50%)
);

input[disabled] {
  background: map-get($input, disabled-background);

davilious

.h-clearfix { /*Helpers*/ }

.Page-header { /*Moduls of page structure*/ }
.Page-content { /*Moduls of page structure*/ }
.Page-foot { /*Moduls of page structure*/ }

.Module { /*Defining module*/ }
.Module--modifier { /*Module modifier*/ }

.Module-content { /*Module descendant*/ }