purecss 0.0.5 → 0.0.6

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    OWQ5ZGRiNjYwMjdjYWY3N2EwY2Q2Y2Q4MDM0OTMzYjA5NWRjYWJmYw==
+    ODM5MWUwNTQ3MTY5MWZlOWZiZTkxMjBmODI5NjYxMDUzMzJhMjVmYw==
   data.tar.gz: !binary |-
-    MTE1MzhiMmVjZTk2M2VmY2QxNTQ5NjQwYzgwNzY3ZTA4YjU5OGU1Mg==
+    OGRiM2FhNjE0MzNlMjFiZjc3YjY2NjA5NGRjNjZmYWQ3ZDgyYzMzMw==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    N2IzMDYyNTFmODhiOWI2YTNjZDU3ZmM2MDhiYjg2YTgyMDA1NDEwMjA0YTQ2
-    YmViNDRkMzQ3ZjMzNDViZTY3MzZjMDUwZTlmMDFlNGUxNmNmYTVkYjBjMDcz
-    M2EyZmJjZmFlNzhjM2Y0MDRmZmQ2YTFiMWIzMDc2Y2JjNDFmMDI=
+    NzMzMzdhNWZmMjgwNDI2MjBmNzk1YTdmZTM5ZjI4NzFiZjJmYzM0OWIwNTNi
+    YTAxY2M0MTEzNmZhMTYxMTg3MzA1MjdkMGIzN2ZhMDlhYmRlOTA5MTUyMzMx
+    MmZkNzU5YjA4M2UzODZlNzk3NGQ0ZjQ0OWU5Mzg2YzIzOTY3MDg=
   data.tar.gz: !binary |-
-    ODhkNDk5ZTUwNzRjNGJmNDNiYWJiZWZiMWYwODBlODc4ZWIzNTg2Mzg5ZDM5
-    YTI3ZTFkOTc3YTJmYjA3MTM1YjMyNDVjNDdmNjhhMmI4OTg3NWYzMjk4ZWYw
-    MDkyODllYTBkMzQ4NjUzNTg5MTY5Mzk0MzE1MTYwNjU0NzZkNDg=
+    NmRmYjk2NGI0YTJkOWZhMTQyMWEyODRkOTZiZmQ2YzY1MDczZmUwODBjNWE4
+    NDRiMmM0ZTA1YWEyOGJlNGVlY2VkZmI0Y2Y0NDZmNjg3NzY3ODBlM2E1NjQx
+    MzlhNGFhODU0MzNiMzhhNDk2YmRkYmE3MDExN2ExZjVjZmEyYTc=

data/README.md

@@ -12,6 +12,7 @@ I cite directly from [purecss.io](http://purecss.io)
  >
  > Pure is ridiculously tiny. The entire set of modules clocks in at 5.7KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
 
+Note: [will_paginate](https://github.com/mislav/will_paginate) is integrated with purecss pagination style using the [purecss-will_paginate](https://github.com/mseri/rails-purecss-will_paginate) gem.
 
 ## Installation
 
@@ -128,8 +129,8 @@ I'd like to add
 5. Create new Pull Request
 
 ## Changelog
-
-- 0.0.4 Slightly improved dropdown (now it works even with different menu font), added purecss-custom.css
+- 0.0.6 Reorganized CSS Addon structure
+- 0.0.5 Slightly improved dropdown (now it works even with different menu font), added purecss-custom.css
 - 0.0.3 Added Dropdown script on top of jQuery, corrected README
 - 0.0.2 Gem restructured following [Gemify Assets for Rails](http://prioritized.net/blog/gemify-assets-for-rails/), added individual modules, improved size
 

data/app/assets/stylesheets/purecss-addons.css

@@ -1,4 +1,9 @@
+/*
+Symbolic Addons 
+*/
+
 .pure-custom-close {
+  content:'×';
   float: right;
   font-size: 20px;
   font-weight: bold;
@@ -28,6 +33,10 @@
   margin-left: 2px;
 }
 
+/* ***********************************
+Menu Addons
+*********************************** */
+
 .pure-menu-custom-separator-vertical {
   background-color:#dfdfdf;
   display:block;
@@ -37,6 +46,127 @@
   overflow:hidden
 }
 
+/* ***********************************
+Alerts 
+*********************************** */
+.pure-custom-alert {
+    position: relative;
+    margin-bottom: 1em;
+    padding: 1em;
+    background: #ccc;
+    border-radius: 3px;
+}
+
+.pure-custom-alert label {
+    display: inline-block;
+    display: inline-block;
+    *display: inline;
+    /* IE7 inline-block hack */
+    *zoom: 1;
+    white-space: nowrap;
+}
+
+.pure-custom-alert {
+    background-color: rgb(209, 235, 238);
+    color: rgb(102, 131, 145);
+}
+.pure-custom-alert-error {
+    background-color: #D13C38;
+    color: #fff;
+}
+
+.pure-custom-alert-warning {
+    background-color: rgb(250, 191, 103);
+    color: rgb(151, 96, 13);
+}
+
+.pure-custom-alert-success {
+    background-color: rgb(83, 180, 79);
+    color: #fff;
+}
+
+
+/* *************************************
+Not yet tested
+************************************* */ 
+
+/* ***********************************
+Images 
+*********************************** */
+.pure-custom-img-rounded {
+  border-radius: 3px;
+}
+.pure-custom-img-bordered {
+    background-color: #FFFFFF;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    padding: 5px;
+}
+
+/* ***********************************
+Thumbnails 
+*********************************** */
+.pure-custom-thumbnails li {
+    text-align: center;
+    display: inline-block;
+    *display: inline;
+    /* IE7 inline-block hack */
+    *zoom: 1;
+    vertical-align: top;
+    -webkit-box-sizing: border-box; 
+    -moz-box-sizing: border-box;    
+    box-sizing: border-box;
+    padding: 0.5em;        
+}
+
+.pure-custom-thumbnails {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.pure-custom-thumbnails a:focus {
+    outline: 0 none;   
+}
+
+.pure-custom-thumb {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+}
+.pure-custom-thumb img {
+    max-width: 100%;
+    margin-right: auto;
+    margin-left: auto;
+    vertical-align: middle; /* this will remove a thin line below the image */
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.pure-custom-thumb-bordered {
+    border: 1px solid rgba(0, 0, 0, 0.2);
+}
+.pure-custom-thumb .caption {
+    text-align: left;
+    display: block;
+    margin: 0 5px 6px;
+
+}
+.pure-custom-thumb .caption p {
+    margin: 0.3em 0 0;
+    font-size: 75%;
+}
+.pure-custom-thumb .caption .caption-head {
+    font-weight: bold;
+    margin-top: 0.3em;
+}
+
+.pure-custom-thumb-rounded img {
+  border-radius: 3px;
+}
+
+
+
 /* *************************************
 Experimental! The syntax/use could change 
 in the near future

data/lib/purecss/version.rb

@@ -1,3 +1,3 @@
 module Purecss
-  VERSION = "0.0.5"
+  VERSION = "0.0.6"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: purecss
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - mseri