customize-rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: df6e473a7d7e0a4e44e68291ab8f93924365890e
+  data.tar.gz: 57d4bbdfa33908f3d02b754307e6ff2c5ff91066
+SHA512:
+  metadata.gz: 695f21e3a6974a3efe7cd9768cf77834cafc15b59de8ba0113cee8668bf54d9d68525fd82cbdeaf11cf86c0b399a2a81d0117a51f44ccb3f40d9dabeb1d3fec8
+  data.tar.gz: 4646f08a03b2a430f074467629b41852d767c85fdbb70e11f51148cd56505cbc983f16d56f820909fb1a9e6a37c3dbb2664ae5d305222dbeee2241919720412f

data/README.md

@@ -0,0 +1,62 @@
+# Customize.css
+
+customize.css provides you with the base styling for your application and gives you ability to easily customize the look of your app.
+The main advantage of this lib that you don't have to overwrite styles you can just set it.
+Another advantage is that all inputs, checkboxes, radio buttons, select boxes have the same look and behaviour in all browsers.
+Also you can change the look of select or checkbox by setting several `sass` maps.
+This is the engine that supports themes so developers are able to share themes between each other.
+
+## Rails instalation
+
+In your Gemfile you need to add the `customize-rails` gem, and ensure that the `sass-rails` gem is present - it is added to new Rails applications by default.
+
+```ruby
+gem 'customize-rails'
+```
+
+It is also recommended to use [Autoprefixer](https://github.com/ai/autoprefixer-rails)
+to add browser vendor prefixes automatically. Simply add the gem:
+
+```ruby
+gem 'autoprefixer-rails'
+```
+
+`bundle install` and restart your server to make the files available through the pipeline.
+
+Import main file in `app/assets/stylesheets/application.css.scss`:
+
+```scss
+@import 'customize';
+```
+
+Also you can import themes before it
+
+```scss
+@import 'some-awesome-theme';
+@import 'customize';
+```
+
+Customize the look of anything before importing:
+
+```scss
+
+$inputs: (
+  border: 3px solid red;
+);
+
+@import 'some-awesome-theme';
+@import 'customize';
+```
+Make sure the file has `.scss` extension (or `.sass` for Sass syntax). If you have just generated a new Rails app,
+it may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so remove it:
+
+```console
+$ rm app/assets/stylesheets/application.css
+```
+
+Do not use `//= require` in Sass or your other stylesheets will not be [able to access][antirequire] the variables.
+
+##TO DO
+
+1. Make example of theme
+2. Select focus state

data/lib/customize-rails.rb

@@ -0,0 +1,6 @@
+module Customize
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/customize-rails/version.rb

@@ -0,0 +1,5 @@
+module Customize
+  module Rails
+    VERSION = '0.0.1'
+  end
+end

data/vendor/assets/stylesheets/customize.scss

@@ -0,0 +1,10 @@
+@import 'customize/normalize';
+@import 'customize/variables';
+@import 'customize/generic';
+@import 'customize/input';
+@import 'customize/button';
+@import 'customize/select';
+@import 'customize/checkbox';
+@import 'customize/radio';
+@import 'customize/range';
+@import 'customize/file';

data/vendor/assets/stylesheets/customize/_button.scss

@@ -0,0 +1,47 @@
+$button-base: map-merge($inputs, (
+  user-select: none,
+  text-decoration: none,
+  cursor: pointer,
+  padding: map-get($inputs, padding) map-get($inputs, padding) + 1em
+));
+
+$button:        () !default;
+$button-focus:  $inputs-focus !default;
+$button-hover:  $inputs-hover !default;
+$button-active: () !default;
+
+$button:        map-merge($button-base, $button);
+$button-focus:  map-merge($inputs-focus, $button-focus);
+
+$button-hover:  map-merge((
+box-shadow: inset 0 0 0 100em rgba(0, 0, 0, .1),
+), $button-hover);
+
+$button-active: map-merge((
+box-shadow: inset 0 0 0 100em rgba(0, 0, 0, .3)
+), $button-active);
+
+.button, a.button:visited {
+  @include properties($button);
+
+  &:hover {
+    @include properties($button-hover);
+  }
+
+  &:focus {
+    outline: none;
+    @include properties($button-focus);
+  }
+
+  &:active {
+    @include properties($button-active);
+  }
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='image'],
+input[type='reset'] {
+  @extend .button;
+}

data/vendor/assets/stylesheets/customize/_checkbox.scss

@@ -0,0 +1,45 @@
+$checkbox-base: map-merge($inputs, (
+  content: '\2714',
+  font-size: map-get($inputs, font-size) - .2em,
+  display: inline-block,
+  width: 1em,
+  height: 1em,
+  line-height: 1.1em,
+  text-align: center,
+  margin:  -.2em 0 0 0,
+  box-sizing: content-box,
+  padding: 0
+));
+
+$checkbox-focus: $inputs-focus !default;
+$checkbox-hover: $inputs-hover !default;
+$checkbox: () !default;
+
+$checkbox:       map-merge($checkbox-base, $checkbox);
+$checkbox-focus: map-merge($inputs-focus, $checkbox-focus);
+$checkbox-hover: map-merge($inputs-hover, $checkbox-hover);
+
+input[type=checkbox].checkbox {
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+
+  & + label {
+    @include properties($label-base);
+
+    &:before {
+      @include properties($checkbox);
+      color: transparent;
+    }
+  }
+
+  &:checked + label:before {
+    color: map-get($checkbox, color);
+  }
+  &:focus + label:before {
+    @include properties($checkbox-focus);
+  }
+  &:hover + label:before {
+    @include properties($checkbox-hover);
+  }
+}

data/vendor/assets/stylesheets/customize/_file.scss

@@ -0,0 +1,29 @@
+$file-base: map-merge($inputs, (
+  padding: map-get($inputs, padding) map-get($inputs, padding) + 1em
+));
+
+$file-focus: $inputs-focus !default;
+$file-hover: $inputs-hover !default;
+$file: () !default;
+
+$file:    map-merge($file-base, $file);
+$file-focus: map-merge($inputs-focus, $file-focus);
+$file-hover: map-merge($inputs-hover, $file-hover);
+
+input[type=file].file {
+  opacity: 0;
+  position: absolute;
+  left: -9999em;
+
+  & + label {
+    @include properties(map-merge($label-base, $file));
+  }
+
+  &:focus + label {
+    @include properties($file-focus);
+  }
+
+  &:hover + label {
+    @include properties($file-hover);
+  }
+}

data/vendor/assets/stylesheets/customize/_generic.scss

@@ -0,0 +1,7 @@
+body {
+  @include properties($body);
+}
+
+a, a:hover, a:active, a:visited {
+  @include properties($a);
+}

data/vendor/assets/stylesheets/customize/_input.scss

@@ -0,0 +1,27 @@
+$input-invalid:       () !default;
+$input-focus-invalid: () !default;
+
+$inputs-focus:  map-merge($inputs-focus-base, $inputs-focus);
+$inputs-hover:  map-merge($inputs-hover-base, $inputs-hover);
+
+$input:       $inputs !default;
+$input-focus: $inputs-focus !default;
+$input-hover: $inputs-hover !default;
+
+$input:               map-merge($inputs, $input);
+$input-invalid:       map-merge($input-invalid-base, $input-invalid);
+$input-focus-invalid: map-merge($input-focus-invalid-base, $input-focus-invalid);
+$input-focus:         map-merge($inputs-focus, $input-focus);
+$input-hover:         map-merge($inputs-hover, $input-hover);
+
+input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), textarea {
+  @include properties($input);
+  &:focus { @include properties($input-focus); }
+  &:hover { @include properties($input-hover); }
+  &:invalid { @include properties($input-invalid); }
+  &:focus:invalid { @include properties($input-focus-invalid); }
+}
+
+input[type=file], input[type=color] {
+  cursor: pointer;
+}

data/vendor/assets/stylesheets/customize/_normalize.scss

@@ -0,0 +1,426 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}
+

data/vendor/assets/stylesheets/customize/_radio.scss

@@ -0,0 +1,37 @@
+$radio-base: map-merge($checkbox-base, (
+  content: '',
+  border-radius: 50%,
+  box-shadow: (inset 0 0 0 $radio-body-width map-get($inputs, background), map-get($inputs, box-shadow)),
+));
+
+$radio-focus: $inputs-focus !default;
+$radio-hover: $inputs-hover !default;
+$radio: () !default;
+
+$radio:    map-merge($radio-base, $radio);
+$radio-focus: map-merge($inputs-focus, $radio-focus);
+$radio-hover: map-merge($inputs-hover, $radio-hover);
+
+input[type=radio].radio {
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+
+  & + label {
+    @include properties($label-base);
+
+    &:before {
+      box-shadow: inset 0 0 0 $radio-body-width map-get($radio, background);
+      @include properties($radio)
+    }
+  }
+  &:checked + label:before {
+    background: map-get($radio, color);
+  }
+  &:focus + label:before {
+    @include properties($radio-focus);
+  }
+  &:hover + label:before {
+    @include properties($radio-hover);
+  }
+}

data/vendor/assets/stylesheets/customize/_range.scss

@@ -0,0 +1,74 @@
+$range-base: map-merge($inputs, (
+  width: 99%,
+  height: 1.9em,
+  cursor: pointer,
+  padding: 0,
+  margin: 0
+));
+
+$range-thumb-base: map-merge($inputs, (
+  width: 1em,
+  height: 1.83em,
+  padding: 0,
+  margin: -0.05em 0 0 0,
+  cursor: pointer
+));
+
+$ms-fill: (
+  background: transparent,
+  border: none,
+  box-shadow: none
+);
+
+$range: () !default;
+$range-thumb: () !default;
+
+$range-focus: $inputs-focus !default;
+$range-focus-thumb: $inputs-focus !default;
+
+$range-hover: () !default;
+$range-hover-thumb: () !default;
+
+$range: map-merge($range-base, $range);
+$range-thumb: map-merge($range-thumb-base, $range-thumb);
+
+input[type=range] {
+  border: none;
+  padding: map-get($inputs, padding);
+  background: transparent;
+  -webkit-appearance: none;
+  margin: map-get($inputs, margin);
+  box-shadow: none;
+  vertical-align: middle;
+
+  &::-webkit-slider-runnable-track { @include properties($range); }
+
+  &::-webkit-slider-thumb {
+    @include properties($range-thumb);
+    -webkit-appearance: none;
+  }
+
+  &::-moz-range-track { @include properties($range); }
+  &::-moz-range-thumb { @include properties($range-thumb); }
+  &::-moz-focus-outer { border: 0; }
+
+  &::-ms-track {
+    @include properties($range);
+    color: transparent;
+  }
+
+  &::-ms-thumb { @include properties($range-thumb); }
+  &::-ms-fill-lower { @include properties($ms-fill); }
+  &::-ms-fill-upper { @include properties($ms-fill); }
+
+  &:focus {
+    outline: none;
+
+    &::-webkit-slider-runnable-track { @include properties($range-focus); }
+    &::-webkit-slider-thumb { @include properties($range-focus-thumb); }
+    &::-moz-range-track { @include properties($range-focus); }
+    &::-moz-range-thumb { @include properties($range-focus-thumb); }
+    &::-ms-track { @include properties($range-focus); }
+    &::-ms-thumb { @include properties($range-focus-thumb); }
+  }
+}

data/vendor/assets/stylesheets/customize/_select.scss

@@ -0,0 +1,78 @@
+$select-base: map-merge($inputs, (
+  position: relative,
+  display: inline-block,
+  min-width: 50px,
+  overflow: hidden,
+  padding: 0,
+));
+
+$select-hover-base: map-merge((
+  border-color: $aqua
+), $inputs-hover) !default;
+
+$select: () !default;
+$select-hover: () !default;
+
+$select:       map-merge($select-base, $select);
+$select-hover: map-merge($select-hover-base, $select-hover);
+
+.select {
+  @include properties($select);
+
+  &:before {
+    background: map-get($inputs, background);
+    content: '';
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 1.5em;
+    pointer-events: none;
+    border-radius: map-get($inputs, border-radius);
+  }
+
+  &:after {
+    color: $select-arrow-color;
+    content: $select-arrow;
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 24%;
+    width: 1.8em;
+    height: 1.2em;
+    pointer-events: none;
+    font-size: 0.8em;
+    text-align: center;
+    border-radius: map-get($inputs, border-radius);
+  }
+
+  select {
+    height: 1.8em;
+    padding: map-get($inputs, padding) - .1em;
+    padding-right: 0.4em;
+    margin-right: 1em;
+    background: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    border: none;
+    border-radius: map-get($inputs, border-radius);
+    cursor: pointer;
+    font-size: inherit;
+    width: 100%;
+
+    &:-moz-focusring {
+      color: transparent;
+      text-shadow: 0 0 0 #000;
+    }
+
+    &::-ms-expand { display: none; }
+
+    option { padding: .2em .5em; }
+
+    &:focus { outline: none; }
+  }
+
+  &:hover { @include properties($select-hover); }
+}

data/vendor/assets/stylesheets/customize/_table.scss

@@ -0,0 +1,12 @@
+table {
+}
+
+td, th {
+}
+
+th {
+}
+
+tr:nth-child(even) {
+  background: $table-even-background;
+}

data/vendor/assets/stylesheets/customize/_variables.scss

@@ -0,0 +1,75 @@
+$aqua:    #7FDBFF;
+$orange:  #FF851B;
+$red:     #FF4136;
+$white:   #fff;
+$gray:    #aaa;
+$black:   #111;
+
+$warning:      $orange !default;
+$error:        $red !default;
+$dull:         $gray !default;
+
+$inputs-base: (
+  background: $white,
+  font-size: 1em,
+  color: $black,
+  line-height: normal,
+  margin: .3em 0,
+  padding: .3em,
+  border: 1px solid $dull,
+  border-radius: .2em,
+  transition: border-color .3s,
+  vertical-align: middle,
+  box-shadow: none,
+  box-sizing: border-box,
+  outline: none
+);
+
+$inputs-focus-base: (
+  border-color: $aqua
+);
+
+$inputs-hover-base: ();
+
+$input-invalid-base: (
+  border-color: $error
+);
+
+$input-focus-invalid-base: (
+  border-color: $warning
+);
+
+$inputs:       () !default;
+$inputs-focus: () !default;
+$inputs-hover: () !default;
+
+$inputs: map-merge($inputs-base, $inputs);
+
+$label-base: (
+  display: inline-block,
+  margin: map-get($inputs, margin),
+  vertical-align: middle,
+  cursor: pointer
+);
+
+$body: (
+  color: $black,
+  line-height: 1.2em
+) !default;
+
+$a: (
+  color: inherit,
+  text-decoration: none
+) !default;
+
+$select-arrow-color: map-get($inputs, color) !default;
+$select-padding:     map-get($inputs, padding) - .04em !default;
+$select-arrow:       '\25BC' !default;
+
+$radio-body-width:         3px !default;
+
+@mixin properties($attrs) {
+  @each $key, $val in $attrs {
+    #{$key}: $val;
+  }
+}

metadata

@@ -0,0 +1,95 @@
+--- !ruby/object:Gem::Specification
+name: customize-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- galulex
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: "\n                          customize.css provides you the base styling
+  for your application and gives you ability to easily customize the look of your
+  app.\n                          The main advantage of this lib that you don't have
+  to overwrite styles you can just set it.\n                          Another advantage
+  is that all inputs, checkboxes, radio buttons, select boxes have the same look and
+  behaviour in all browsers.\n                          Also you can change the look
+  of select or checkbox by setting several `sass` maps.\n                          This
+  is the engine that supports themes so developers are able to share themes between
+  each other.\n                        "
+email:
+- galulex@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/customize-rails.rb
+- lib/customize-rails/version.rb
+- vendor/assets/stylesheets/customize.scss
+- vendor/assets/stylesheets/customize/_button.scss
+- vendor/assets/stylesheets/customize/_checkbox.scss
+- vendor/assets/stylesheets/customize/_file.scss
+- vendor/assets/stylesheets/customize/_generic.scss
+- vendor/assets/stylesheets/customize/_input.scss
+- vendor/assets/stylesheets/customize/_normalize.scss
+- vendor/assets/stylesheets/customize/_radio.scss
+- vendor/assets/stylesheets/customize/_range.scss
+- vendor/assets/stylesheets/customize/_select.scss
+- vendor/assets/stylesheets/customize/_table.scss
+- vendor/assets/stylesheets/customize/_variables.scss
+homepage: http://github.com/activebridge/customize.css
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Customize.css
+test_files: []