aesthetics-rails 0.1.0.pre.alpha

data/assets/stylesheets/settings/_colors.scss

@@ -0,0 +1,28 @@
+//==================================================
+// Color.scss
+//
+// Index
+// -----
+// 1) Color Palletes
+// 2) Theme Colors
+//==================================================
+
+
+//=========================
+// 1) Color Palletes
+//=========================
+$blue:                     rgb(2, 170, 245);
+$oceanBlue:                rgb(1, 132, 184);
+$shamrock:                rgb(72, 201, 176);
+$moonYellow:              rgb(244, 211, 19);
+$cinnabar:                 rgb(231, 76, 60);
+$gulfBlue:                 rgb(65, 91, 118);
+
+//=========================
+// 2) Theme Colors
+//=========================
+$color-primary: $blue;
+$color-success: $shamrock;
+$color-warning: $moonYellow;
+$color-danger: $cinnabar;
+$color-info: $gulfBlue;

data/assets/stylesheets/settings/_devices.scss

@@ -0,0 +1,91 @@
+//==================================================
+// Devices.scss
+//
+// Index
+// -----
+// 1) Screen Size Scale
+// 2) Media Queries Mixins
+//==================================================
+
+
+//=========================
+// 1) Screen Size Scale
+//=========================
+// Define your screen screen sizes here
+$small-range: (0em, 37.5em); /* 0, 600px */
+$medium-range: (37.5em, 64em); /* 600px, 1024px */
+$large-range: (64em, 90em); /* 1024px, 1440px */
+$xlarge-range: (90em, 120em); /* 1440px, 1920px */
+
+// Functions for determining lower and upper range of screen
+// Source: https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
+@function lower-bound($range){
+  @if length($range) <= 0 {
+    @return 0;
+  }
+  @return nth($range,1);
+}
+
+@function upper-bound($range) {
+  @if length($range) < 2 {
+    @return 999999999999;
+  }
+  @return nth($range, 2);
+}
+
+//=========================
+// 2) Media Queries Mixins
+//=========================
+@mixin bp-landscape {
+  @media screen and (orientation: landscape) {
+    @content;
+  }
+}
+
+@mixin bp-portrait {
+	@media screen and (orientation: portrait) {
+		@content;
+	}
+}
+
+@mixin bp-small-only {
+	@media screen and (max-width: "#{upper-bound($small-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-medium-up {
+	@media screen and (min-width:"#{lower-bound($medium-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-medium-only {
+	@media screen and (min-width:"#{lower-bound($medium-range)}") and (max-width:"#{upper-bound($medium-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-large-up {
+	@media screen and (min-width:"#{lower-bound($large-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-large-only {
+	@media screen and (min-width:"#{lower-bound($large-range)}") and (max-width:"#{upper-bound($large-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-xlarge-up {
+	@media screen and (min-width:"#{lower-bound($xlarge-range)}") {
+		@content;
+	}
+}
+
+@mixin bp-xlarge-only {
+	@media screen and (min-width:"#{lower-bound($xlarge-range)}") and (max-width:"#{upper-bound($xlarge-range)}") {
+		@content;
+	}
+}

data/assets/stylesheets/settings/_type.scss

@@ -0,0 +1,38 @@
+//==================================================
+// Type.scss
+//
+// Index
+// -----
+// 1) Font Imports
+// 2) Font Family
+// 3) Line Height
+// 4) Font-size
+//==================================================
+
+
+//=========================
+// 1) Font Imports
+//=========================
+@import url("http://fonts.googleapis.com/css?family=Lato:400,700,300");
+
+//=========================
+// 2) Font Family
+//=========================
+$type-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$type-lato: "Lato", Helvetica, Arial, sans-serif;
+
+//=========================
+// 3) Line Height
+//=========================
+$type-baseLineHeight: 1.5;
+$type-headingLineHeight: 1.3;
+
+//=========================
+// 3) Font-size
+//=========================
+$type-h1FontSize: 3rem;
+$type-h2FontSize:	2.75rem;
+$type-h3FontSize:	2.5rem;
+$type-h4FontSize: 1.875rem;
+$type-h5FontSize: 1.625rem;
+$type-h6FontSize: 1.375rem;

data/assets/stylesheets/settings/_z-index.scss

@@ -0,0 +1,60 @@
+//==================================================
+// Z-index.scss
+//
+// Do not modify the z-index scale!
+// This scale gives us an overview of which layer things are on.
+//
+// Usage:
+// Think of it as layers. Instead of naming it accordingly
+// to CSS class you are referring to, think, which layer should
+// this element be?
+//
+// Index
+// -----
+// 1) Z-index Scale
+// 2) Layers
+//==================================================
+
+
+//=========================
+// 1) Z-index Scale
+//=========================
+$zIndex-1:   100;
+$zIndex-2:   200;
+$zIndex-3:   300;
+$zIndex-4:   400;
+$zIndex-5:   500;
+$zIndex-6:   600;
+$zIndex-7:   700;
+$zIndex-8:   800;
+$zIndex-9:   900;
+$zIndex-10: 1000;
+
+//=========================
+// 2) Layers
+//=========================
+$zIndex-1--screenForeground:  $zIndex-1;
+
+// For elements that are positioned fixed or absolute
+//  Example: Google's Floating Action Button
+$zIndex-2--floatingElements:  $zIndex-2;
+
+// Everything that needs to be higher than the navbar overlay should
+// be on this layer & above
+$zIndex-6--navbarOverlay:     $zIndex-6;
+$zIndex-6--sidebarOverlay:    $zIndex-6;
+
+$zIndex-7--navbar:            $zIndex-7;
+$zIndex-7--sidebar:						$zIndex-7;
+
+// Everything that needs to be higher than the overlay should
+// be on this layer & above
+$zIndex-8--overlay:           $zIndex-8;
+
+$zIndex-9--modal:             $zIndex-9;
+$zIndex-9--dialog:            $zIndex-9;
+$zIndex-9--tooltip:           $zIndex-9;
+$zIndex-9--toolbar:           $zIndex-9;
+
+// For development & debugging
+$zIndex-10--dev:             $zIndex-10;

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "aesthetics/rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/aesthetics/rails.rb

@@ -0,0 +1,40 @@
+require "aesthetics/rails/version"
+
+module Aesthetics
+  module Rails
+		class Engine < ::Rails::Engine
+      initializer 'aesthetics.assets.precompile' do |app|
+        %w(stylesheets javascripts).each do |sub|
+          app.config.assets.paths << root.join('assets', sub).to_s
+        end
+      end
+    end
+  end
+
+    # Paths
+    def gem_path
+      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def javascripts_path
+      File.join assets_path, 'javascripts'
+    end
+
+    def assets_path
+      @assets_path ||= File.join gem_path, 'assets'
+    end
+
+  private
+
+  def configure_sass
+    require 'sass'
+
+    ::Sass.load_paths << stylesheets_path
+
+    ::Sass::Script::Number.precision = [10, ::Sass::Script::Number.precision].max
+  end
+end

data/lib/aesthetics/rails/version.rb

@@ -0,0 +1,5 @@
+module Aesthetics
+  module Rails
+    VERSION = "0.1.0-alpha"
+  end
+end

metadata

@@ -0,0 +1,108 @@
+--- !ruby/object:Gem::Specification
+name: aesthetics-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0.pre.alpha
+platform: ruby
+authors:
+- Duane Adam
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-04-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+- !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: A light and modular CSS framework that focuses more on conventions.
+email:
+- contact@duaneadam.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- README.md
+- Rakefile
+- aesthetics-rails.gemspec
+- assets/stylesheets/_mixins.scss
+- assets/stylesheets/_normalize.scss
+- assets/stylesheets/aesthetics.scss
+- assets/stylesheets/components/_buttons.scss
+- assets/stylesheets/components/_container.scss
+- assets/stylesheets/components/_forms.scss
+- assets/stylesheets/components/_global.scss
+- assets/stylesheets/components/_navbar.scss
+- assets/stylesheets/components/_utilities.scss
+- assets/stylesheets/settings/_colors.scss
+- assets/stylesheets/settings/_devices.scss
+- assets/stylesheets/settings/_type.scss
+- assets/stylesheets/settings/_z-index.scss
+- bin/console
+- bin/setup
+- lib/aesthetics/rails.rb
+- lib/aesthetics/rails/version.rb
+homepage: http://github.com/duaneadam/aesthetics-rails/
+licenses: []
+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: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Light Modular CSS Framework
+test_files: []