Improved card + card readme

Lcfvs · Jul 13, 2018 · 54890f3 · 54890f3
1 parent f8fab95
commit 54890f3
Show file tree

Hide file tree

Showing 16 changed files with 31 additions and 20 deletions.
diff --git a/components/header/popdown/popdown.css b/components/header/popdown/popdown.css
@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.4.1","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.4.2","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 body > header > ol {
     float: right;
     height: 100%;

diff --git a/components/header/popdown/popdown.min.css b/components/header/popdown/popdown.min.css
diff --git a/components/header/popdown/readme.md b/components/header/popdown/readme.md
@@ -3,7 +3,7 @@
 ## CDN
 
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.1/css-ui/components/header/popdown/popdown.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.2/css-ui/components/header/popdown/popdown.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ## Usage

diff --git a/components/main/card/card.css b/components/main/card/card.css
@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.4.1","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.4.0","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 a > figure:first-child:last-child {
     display: inline-block;
     position: relative;
@@ -10,9 +10,7 @@ a > figure:first-child:last-child {
 a > figure:first-child:last-child img {
     max-width: 100%;
     min-width: 100%;
-    max-height: 100%;
-    min-height: 100%;
-    display: block;
+    display: inline-block;
 }
 
 a > figure:first-child:last-child figcaption {

diff --git a/components/main/card/card.min.css b/components/main/card/card.min.css
diff --git a/components/main/card/readme.md b/components/main/card/readme.md
@@ -3,7 +3,7 @@
 ## CDN
 
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.1/css-ui/components/main/card/card.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.2/css-ui/components/main/card/card.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ## Usage
@@ -15,4 +15,17 @@
     <figcaption>Image legend</figcaption>
   </figure>
 </a>
+```
+
+## Custom style
+
+```css
+a > figure:first-child:last-child {
+  height: 20em;
+  width: 20em;
+}
+
+a > figure:first-child:last-child img {
+  max-height: 17em; /* based on your max fig caption height */
+}
 ```
diff --git a/components/menu/expanded/expanded.css b/components/menu/expanded/expanded.css
@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.4.1","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.4.2","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 @media only screen and (min-width: 50em) {
     body {
         width: calc(100vw - 15em);

diff --git a/components/menu/expanded/expanded.min.css b/components/menu/expanded/expanded.min.css
diff --git a/components/menu/expanded/readme.md b/components/menu/expanded/readme.md
@@ -3,7 +3,7 @@
 ## CDN
 
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.1/css-ui/components/menu/expanded/expanded.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.2/css-ui/components/menu/expanded/expanded.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ## Usage

diff --git a/components/menu/mini/mini.css b/components/menu/mini/mini.css
@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.4.1","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.4.2","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 @media only screen and (min-width: 50em) {
     body {
         width: calc(100vw - 3em);

diff --git a/components/menu/mini/mini.min.css b/components/menu/mini/mini.min.css
diff --git a/components/menu/mini/readme.md b/components/menu/mini/readme.md
@@ -3,7 +3,7 @@
 ## CDN
 
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.1/css-ui/components/menu/mini/mini.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.2/css-ui/components/menu/mini/mini.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ## Usage

diff --git a/css-ui.css b/css-ui.css
@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.4.1","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.4.2","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 :after, :before, a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, progress, q, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
     font: inherit;
     vertical-align: baseline;

diff --git a/css-ui.min.css b/css-ui.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lcf.vs/css-ui",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "A pure CSS base to make a responsive user interface",
   "main": "css-ui.min.css",
   "scripts": {

diff --git a/readme.md b/readme.md
@@ -23,7 +23,7 @@ A pure CSS base to make a responsive user interface.
 
 ### Using a CDN
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.1/css-ui.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.4.2/css-ui.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ```html