aesthetics 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5584f6fc5280e4738d7a9be541a0f7a87efc25ef
+  data.tar.gz: b8383586ecd1155c93ff7bc6cf24430a8f26b961
+SHA512:
+  metadata.gz: d2651299e4fc2f8a44d0be15c75ecea0a1944ce62d9ca6bd669ec7b6d6a2b8f2be79a01789af78b13fc73454109c32e7e4b5e34ca97707be737a9b8a7a8db7d7
+  data.tar.gz: cb34524c7312d2c2e5a60e07de16edabbc223142ff2bb21ddbe64bf7cee001034adf083cc2de8cbde1cc491e6f3230c5d68e36debe80f2ce06666fd4f9168360

data/.gitignore

@@ -0,0 +1,15 @@
+.sass-cache
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in gem_test.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Duane Adam
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,80 @@
+# [Aesthetics](https://duaneadam.github.io/aesthetics)
+
+Aesthetics is a simple, modern and powerful front-end framework for faster and easier web development while keeping developers sane.
+
+To get started, check out the docs. [https://duaneadam.github.io/aesthetics/docs](https://duaneadam.github.io/aesthetics/docs)
+
+## Quickstart For Non-Rails Projects
+
+To get going with Aesthetics you can:
+
+- Download the latest stable release from the dist folder
+- Install using Bower: bower install aesthetics
+
+## Rails Setup
+Add this line to your application's Gemfile:
+
+  ```
+  gem 'aesthetics', :git => "git://github.com/duaneadam/aesthetics.git"
+  ```
+
+And then execute
+
+  ```
+  bundle
+  ```
+
+Append the following line to your application.css
+
+  ```
+  /*= require aesthetics */
+  ```
+
+If you're planning on using Sass, then you'll want to rename application.css to application.scss. That file should then look like:
+
+  ```
+  @import "aesthetics";
+  ```
+
+## Primary Contributors
+
+- [Duane Adam](https://twitter.com/duaneadam) - <contact@duaneadam.me>
+
+### How To Contribute
+
+  1. Go to branch master
+
+    ```
+    git checkout master
+    ```
+
+  2. Pull latest change from origin/master
+
+    ```
+    git pull origin master
+    ```
+
+  3. Create a new feature branch
+
+    ```
+    git checkout my-new-feature
+    ```
+
+  4. Push your work
+
+    ```
+    git push origin my-new-feature
+    ```
+
+  5. Create a new pull request on Github
+
+### Proper pull requests
+
+* https://help.github.com/articles/using-pull-requests
+
+## Special Thanks
+
+- Fat from Medium for his superb article on CSS which inspired me to start writing better CSS.
+  [https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06](https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06)
+
+- Colleagues from MindvalleyFlex for letting me try out things and do what I love

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/aesthetics.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'aesthetics/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "aesthetics"
+  spec.version       = Aesthetics::VERSION
+  spec.authors       = ["Duane Adam"]
+  spec.email         = ["contact@duaneadam.me"]
+  spec.summary       = %q{Simple, modern and powerful front-end framework for faster and easier web development.}
+  spec.description   = %q{Aesthetics is a simple, modern and powerful front-end framework for faster and easier web development while keeping developers sane.}
+  spec.homepage      = "https://duaneadam.github.io/aesthetics"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split("\n")
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency 'sass', '~> 3.2'
+
+  spec.add_development_dependency 'sprockets-rails', '~> 2.2'
+  spec.add_development_dependency 'jquery-rails', '~> 4.0'
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/assets/stylesheets/_normalize.scss

@@ -0,0 +1,394 @@
+/*! normalize.css v3.0.2 | 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,
+menu,
+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-color: 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.
+  // 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;
+}