appcss 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b833b44bec0c6279b8586612d999cedecd4c84ae
-  data.tar.gz: 18c2ff7282170fe84de557b792df7f85f97d0fcc
+  metadata.gz: 0f54e25e73346f7a2b028abfd1d301571cdbb07e
+  data.tar.gz: 4bd08d43de19186139e3f42c195bab41a89b46a2
 SHA512:
-  metadata.gz: 4f4feec662c21d1ee491264fad9615302afc0c79227efdcd70e32f7a75e356f22c6a477c8b7702ca54ceb6f81e11fe8d542e64ba8363d077d0c4dd40be183d3c
-  data.tar.gz: 15ed0acdbe5562ce66038e4855edd7af2dbc78a41fc6d3080059fa9dd30fac6a87e7b99676b11838d3ecc5a24ef3167bc6505a8d475622034b000619f72533f5
+  metadata.gz: 6613dbdaa0c38b97af49a1e67b7675d62a7a50b41538c978aa3a3207dc779bc20b41290c7077a40ceb3d02ea93d048a45629936df835af61669f8e2bbee8eb46
+  data.tar.gz: f9d318dd7704be542ed94eb5100f73a5d4766ab77632f3a2229010380fd8d883d2fe37c9146a4c41347f5e74a7081221aa2ed1e8b82fcabbd28bc464e3d193f2

data/README.md

@@ -1,31 +1,5 @@
-# Appcss
+# Installing
 
-TODO: Write a gem description
-
-## Installation
-
-Add this line to your application's Gemfile:
-
-```ruby
-gem 'appcss'
-```
-
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install appcss
-
-## Usage
-
-TODO: Write usage instructions here
-
-## Contributing
-
-1. Fork it ( https://github.com/[my-github-username]/appcss/fork )
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create a new Pull Request
+1. `gem install appcss`
+2. Load the css with `<%= stylesheet_link_tag asset_path "appcss/app.css" %>`
+3. Add the following to config/initializers/assets.rb  `Rails.application.config.assets.precompile += %w( appcss/app.css )`

data/app/assets/stylesheets/appcss/app.css

@@ -459,7 +459,8 @@ html, body {
   width: 100%;
   display: block;
   margin-left: 0;
-  font-size: 0.85rem; }
+  font-size: 0.85rem;
+  z-index: 990; }
   @media screen and (min-width: 768px) {
     .acss-sidebar {
       width: calc(100% - 15px);
@@ -486,7 +487,45 @@ html, body {
 
   @media screen and (min-width: 960px) {
     .acss-sidebar {
-      width: 200px; } }
+      width: 200px;
+      position: absolute;
+      top: 50px;
+      left: 0;
+      height: calc(100vh - 50px);
+      overflow: auto; } }
+  .acss-sidebar .tools {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    padding: 5px 15px; }
+    .acss-sidebar .tools span {
+      cursor: pointer;
+      display: inline-block;
+      text-align: center;
+      width: 15px;
+      border-radius: 50%;
+      position: relative; }
+      .acss-sidebar .tools span .tooltip {
+        display: none;
+        position: absolute;
+        top: 30px;
+        right: 0px;
+        background: rgba(255, 255, 255, 0.7);
+        padding: 5px;
+        color: #222222;
+        text-shadow: none;
+        border-radius: 3px;
+        z-index: 999; }
+      .acss-sidebar .tools span:hover {
+        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); }
+        .acss-sidebar .tools span:hover .tooltip {
+          display: block; }
+  .acss-sidebar header {
+    position: relative;
+    background-color: rgba(0, 0, 0, 0.2);
+    padding: 5px 15px; }
   .acss-sidebar ul {
     list-style: none;
     padding: 0;
@@ -512,47 +551,17 @@ html, body {
           background: white;
           color: #333333;
           outline: 0px; }
-      .acss-sidebar ul li .tools {
-        display: none;
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        padding: 5px 15px; }
-        .acss-sidebar ul li .tools span {
-          cursor: pointer;
-          display: inline-block;
-          text-align: center;
-          width: 15px;
-          border-radius: 50%;
-          position: relative; }
-          .acss-sidebar ul li .tools span .tooltip {
-            display: none;
-            position: absolute;
-            top: 30px;
-            left: 10px;
-            background: rgba(0, 0, 0, 0.7);
-            padding: 5px;
-            color: white;
-            text-shadow: none;
-            border-radius: 3px; }
-          .acss-sidebar ul li .tools span:hover {
-            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); }
-            .acss-sidebar ul li .tools span:hover .tooltip {
-              display: block; }
       .acss-sidebar ul li.edit a, .acss-sidebar ul li.edit .tools {
         display: none; }
       .acss-sidebar ul li.edit a + input {
         display: block; }
-      .acss-sidebar ul li:hover .tools {
-        display: block; }
-      .acss-sidebar ul li:hover.edit .tools {
-        display: none; }
+  .acss-sidebar header:hover .tools, .acss-sidebar li:hover .tools {
+    display: block; }
+  .acss-sidebar header:hover.edit .tools, .acss-sidebar li:hover.edit .tools {
+    display: none; }
   .acss-sidebar h1 {
     font-size: 0.85rem;
-    background-color: rgba(0, 0, 0, 0.2);
-    margin: 0;
-    padding: 5px 15px; }
+    margin: 0; }
 
 .acss-header {
   width: 100%;
@@ -611,7 +620,14 @@ html, body {
 
   @media screen and (min-width: 960px) {
     .acss-mainpane {
-      width: calc(100% - 200px); } }
+      width: calc(100% - 200px);
+      position: absolute;
+      z-index: 980;
+      left: 200px;
+      top: 50px;
+      height: calc(100vh - 50px);
+      right: 0;
+      overflow: auto; } }
 
 body {
   display: -webkit-box;

data/lib/appcss/version.rb

@@ -1,3 +1,3 @@
 module Appcss
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

metadata

@@ -1,41 +1,41 @@
 --- !ruby/object:Gem::Specification
 name: appcss
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Adam Kochanowicz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-08 00:00:00.000000000 Z
+date: 2014-08-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.6'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.6'
 - !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: Like bootstrap for robust backend applications.
@@ -45,14 +45,15 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- Gemfile
+- ".gitignore"
 - LICENSE.txt
 - README.md
 - Rakefile
 - app/assets/stylesheets/appcss/app.css
 - app/assets/stylesheets/appcss/index.css
 - appcss-0.0.1.gem
+- appcss-0.0.2.gem
+- appcss-0.0.3.gem
 - appcss.gemspec
 - lib/appcss.rb
 - lib/appcss/version.rb
@@ -66,17 +67,17 @@ 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.2.2
+rubygems_version: 2.2.1
 signing_key: 
 specification_version: 4
 summary: Like bootstrap for robust backend applications.

data/Gemfile

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