appcss 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0f54e25e73346f7a2b028abfd1d301571cdbb07e
-  data.tar.gz: 4bd08d43de19186139e3f42c195bab41a89b46a2
+  metadata.gz: 8ccfb970b353a3b121f50c121ad04486555c45b6
+  data.tar.gz: 79274a4d617190189b39bd40c336bcace367bc0c
 SHA512:
-  metadata.gz: 6613dbdaa0c38b97af49a1e67b7675d62a7a50b41538c978aa3a3207dc779bc20b41290c7077a40ceb3d02ea93d048a45629936df835af61669f8e2bbee8eb46
-  data.tar.gz: f9d318dd7704be542ed94eb5100f73a5d4766ab77632f3a2229010380fd8d883d2fe37c9146a4c41347f5e74a7081221aa2ed1e8b82fcabbd28bc464e3d193f2
+  metadata.gz: ed6565cf5632f9876fff4bcd42da539c19be2937b67591012fdcc1b299f8bb4a74301a0e583ce28907770ec61cd8201e64b1ebeeebf64287125bf8acf3f935fb
+  data.tar.gz: eb534911c664e87cca07f4816dbeca7ab07beb6b439c4c849fa6c1d345f1e64535cc1e49822b75fd9580e09d85778ea82de1834cfababebc85090024edbe054a

data/Gemfile

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

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

@@ -428,7 +428,7 @@ th {
   box-sizing: border-box; }
 
 html {
-  background: #222222;
+  background: #394956;
   color: white; }
 
 html, body {
@@ -436,21 +436,20 @@ html, body {
   font-size: 16px; }
 
 .grid-row {
+  display: -moz-box;
   display: -webkit-box;
-  display: -o-flex;
-  display: -moz-flex;
   display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   width: 100%;
-  -o-justify-content: space-between;
-  -ms-justify-content: space-between;
-  -moz-justify-content: space-between;
   -webkit-justify-content: space-between;
+  -moz-justify-content: space-between;
   justify-content: space-between;
+  -webkit-align-items: stretch;
+  -moz-align-items: stretch;
   align-items: stretch;
-  -ms-flex-wrap: wrap;
-  -moz-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
+  -moz-flex-wrap: wrap;
   flex-wrap: wrap; }
 
 .acss-sidebar {
@@ -485,6 +484,8 @@ html, body {
       width: calc(33.33333% - 15px);
       clear: none; } }
 
+  .acss-sidebar a {
+    color: white; }
   @media screen and (min-width: 960px) {
     .acss-sidebar {
       width: 200px;
@@ -493,45 +494,17 @@ html, body {
       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;
-    margin: 10px 0; }
+    margin: 0; }
     .acss-sidebar ul li {
       position: relative; }
+      .acss-sidebar ul li ul {
+        margin-left: 15px; }
+        .acss-sidebar ul li ul li a, .acss-sidebar ul li ul li input {
+          margin-left: -15px;
+          padding-left: 30px; }
       .acss-sidebar ul li a {
         padding: 5px 15px;
         display: block; }
@@ -551,41 +524,48 @@ 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;
+            right: 0px;
+            background: rgba(255, 255, 255, 0.7);
+            padding: 5px;
+            color: #333333;
+            text-shadow: none;
+            border-radius: 3px;
+            z-index: 999; }
+          .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 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 ul li:hover .tools {
+        display: block; }
+      .acss-sidebar ul li:hover.edit .tools {
+        display: none; }
   .acss-sidebar h1 {
     font-size: 0.85rem;
-    margin: 0; }
-
-.acss-header {
-  width: 100%;
-  display: block;
-  margin-left: 0; }
-  @media screen and (min-width: 768px) {
-    .acss-header {
-      width: calc(100% - 15px);
-      clear: none; } }
-  @media screen and (min-width: 768px) {
-    .acss-header {
-      width: 100%;
-      display: block;
-      margin-left: 0; } }
-  @media screen and (min-width: 768px) and (min-width: 768px) {
-    .acss-header {
-      width: calc(100% - 15px);
-      clear: none; } }
-
-  .acss-header ul {
-    list-style: none;
-    padding: 0 15px; }
-    .acss-header ul li {
-      display: inline-block; }
+    background-color: rgba(0, 0, 0, 0.2);
+    margin: 0;
+    padding: 5px 15px; }
 
 .acss-mainpane {
   width: 100%;
@@ -593,7 +573,7 @@ html, body {
   margin-left: 0;
   padding: 15px;
   background: white;
-  color: #222222; }
+  color: #333333; }
   @media screen and (min-width: 768px) {
     .acss-mainpane {
       width: calc(100% - 15px);
@@ -628,29 +608,125 @@ html, body {
       height: calc(100vh - 50px);
       right: 0;
       overflow: auto; } }
+  .acss-mainpane section:target {
+    padding-top: 20px; }
+
+.acss-navbar {
+  display: -moz-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: inline-flex;
+  -webkit-align-items: flex-start;
+  -moz-align-items: flex-start;
+  align-items: flex-start;
+  -webkit-flex-wrap: wrap;
+  -moz-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-justify-content: space-between;
+  -moz-justify-content: space-between;
+  justify-content: space-between;
+  -webkit-align-content: space-between;
+  -moz-align-content: space-between;
+  align-content: space-between;
+  width: 100%;
+  padding: 0 10px; }
+  .acss-navbar a {
+    color: white; }
+  .acss-navbar p {
+    margin: 0; }
+  .acss-navbar ul {
+    margin: 15px 0;
+    padding: 0;
+    display: -moz-box;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: inline-flex;
+    -webkit-justify-content: space-between;
+    -moz-justify-content: space-between;
+    justify-content: space-between;
+    -webkit-align-content: space-between;
+    -moz-align-content: space-between;
+    align-content: space-between;
+    -webkit-align-items: center;
+    -moz-align-items: center;
+    align-items: center;
+    -webkit-flex-wrap: wrap;
+    -moz-flex-wrap: wrap;
+    flex-wrap: wrap; }
+    .acss-navbar ul li {
+      list-style: none;
+      margin: 0px 5px; }
+
+.acss-btn {
+  padding: 4px 10px;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: white;
+  text-decoration: none;
+  border: 0px;
+  outline: none;
+  cursor: pointer;
+  display: inline-block;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  margin-bottom: 15px;
+  font-size: 0.75rem; }
+  .acss-btn:hover {
+    text-decoration: none;
+    box-shadow: inset 0px 0px 0px 100px rgba(0, 0, 0, 0.05); }
+  .acss-btn:active {
+    text-decoration: none;
+    box-shadow: inset 0px 0px 0px 100px rgba(0, 0, 0, 0.1); }
+
+input[type="text"], input[type="email"], input[type="search"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] {
+  border: 1px solid #a1a1a1;
+  background-color: transparent;
+  font-size: 0.85rem;
+  padding: 5px;
+  width: 100%; }
+  input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover {
+    background-color: white; }
+  input[type="text"]:active, input[type="text"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus {
+    outline: none;
+    background-color: white;
+    border-color: #7f7f7f; }
+
+progress {
+  width: 100%;
+  height: 15px; }
+  progress::-webkit-progress-bar {
+    min-height: 15px;
+    -webkit-appearance: none;
+    appearance: none;
+    -moz-appearance: none; }
+  progress::-webkit-progress-value {
+    display: block; }
 
 body {
+  display: -moz-box;
   display: -webkit-box;
-  display: -o-flex;
-  display: -moz-flex;
   display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   width: 100%;
-  -o-justify-content: space-between;
-  -ms-justify-content: space-between;
-  -moz-justify-content: space-between;
   -webkit-justify-content: space-between;
+  -moz-justify-content: space-between;
   justify-content: space-between;
+  -webkit-align-items: stretch;
+  -moz-align-items: stretch;
   align-items: stretch;
-  -ms-flex-wrap: wrap;
-  -moz-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
+  -moz-flex-wrap: wrap;
   flex-wrap: wrap; }
 
-a, a[href] {
-  text-decoration: none;
-  color: white; }
-  a:hover, a[href]:hover {
+a {
+  text-decoration: none; }
+
+a:link {
+  text-decoration: none; }
+  a:link:hover {
     text-decoration: underline; }
 
 h1, h2, h3, h4, h5, p {

data/lib/appcss/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appcss
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - Adam Kochanowicz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-09 00:00:00.000000000 Z
+date: 2014-08-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -46,6 +46,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
@@ -77,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.1
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Like bootstrap for robust backend applications.