Cleaning

components/header/popdown.css

@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.2.7","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.2.8","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 body > header > ol {
     float: right;
     height: 100%;
@@ -22,14 +22,13 @@ body > header > ol > li > a {
 }
 
 body > header > ol > li > a:first-of-type,
-body > header > ol > li > a:first-of-type:focus + ol + p,
-body > header > ol > li > a:first-of-type:focus + ol + a,
-body > header > ol > li > a:first-of-type:focus + ol + p + a {
+body > header > ol > li > a:first-of-type:focus ~ p,
+body > header > ol > li > a:first-of-type:focus ~ a {
     z-index: 2;
 }
 
 body > header > ol > li > ol,
-body > header > ol > li > ol:empty + p {
+body > header > ol > li > a ~ p {
     width: 15em;
     overflow-x: hidden;
     line-height: 3em;
@@ -56,7 +55,7 @@ body > header > ol > li > ol {
 }
 
 body > header > ol > li > ol > li,
-body > header > ol > li > ol:empty + p {
+body > header > ol > li > a ~ p {
     text-align: justify;
 }
 
@@ -66,13 +65,9 @@ body > header > ol > li > p {
     padding: 0 .5em 0 .5em;
 }
 
-body > header > ol > li > ol:empty,
-body > header > ol > li > ol:not(:empty) + p {
-    height: 0;
-}
-
-body > header > ol > li > a:focus + ol:not(:empty),
-body > header > ol > li > a:focus + ol:empty + p {
+body > header > ol > li > a:focus + p,
+body > header > ol > li > a:focus + ol:empty + p,
+body > header > ol > li > a:focus + ol:not(:empty) {
     max-height: calc(100vh - 3.5em);
     -ms-transform: scaleY(1);
     -o-transform: scaleY(1);
@@ -88,8 +83,7 @@ body > header > ol > li > ol > li {
     counter-increment: items;
 }
 
-body > header > ol > li > a:not(:focus) + ol:not(:empty) + p + a:after,
-body > header > ol > li > a:not(:focus) + ol:not(:empty) + a:after {
+body > header > ol > li > a:not(:focus) + ol:not(:empty) ~ a:after {
     content: '+';
     content: counter(items);
     color: rgba(255, 255, 255, .8);

components/menu/expanded.css

@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.2.7","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.2.8","author":"Lcf.vs <[email protected]>","license":"MIT"} */
 @media only screen and (min-width: 50em) {
     body {
         width: calc(100vw - 15em);

components/menu/mini.css

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

css-ui.css

@@ -1,4 +1,4 @@
-/* {"name":"css-ui","version":"2.2.7","author":"Lcf.vs <[email protected]>","license":"MIT"} */
+/* {"name":"css-ui","version":"2.2.8","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;
     font-size: 1em;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lcf.vs/css-ui",
-  "version": "2.2.7",
+  "version": "2.2.8",
   "description": "A pure CSS base to make a responsive user interface",
   "main": "css-ui.min.css",
   "scripts": {

readme.md

@@ -22,7 +22,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.2.7/css-ui.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.8/css-ui.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ```html
@@ -65,17 +65,17 @@ A pure CSS base to make a responsive user interface.
 
 #### Mini
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.7/css-ui/components/menu/mini.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.8/css-ui/components/menu/mini.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 #### Expanded
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.7/css-ui/components/menu/expanded.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.8/css-ui/components/menu/expanded.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ### Header popdowns
 ```html
-<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.7/css-ui/components/header/popdown.min.css" media="screen" rel="stylesheet" /> 
+<link href="https://cdn.rawgit.com/Lcfvs/css-ui/2.2.8/css-ui/components/header/popdown.min.css" media="screen" rel="stylesheet" /> 
 ```
 
 ## License