diff --git a/components/header/popdown/popdown.css b/components/header/popdown/popdown.css index bd32eed..13db4b3 100644 --- a/components/header/popdown/popdown.css +++ b/components/header/popdown/popdown.css @@ -1,4 +1,4 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ body > header > ol { float: right; height: 100%; @@ -98,4 +98,4 @@ body > header > ol > li > a:not(:focus) + ol:not(:empty) ~ a:after { top: .5em; margin-left: -.5em; z-index: 2; -} \ No newline at end of file +} diff --git a/components/header/popdown/popdown.min.css b/components/header/popdown/popdown.min.css index 982a649..4e39edf 100644 --- a/components/header/popdown/popdown.min.css +++ b/components/header/popdown/popdown.min.css @@ -1,2 +1,2 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ -body>header>ol{float:right;height:100%}body>header>ol>li{display:inline-block;width:3em;height:3em;float:left;counter-reset:items}body>header>ol>li>a{position:absolute;display:block;text-align:center;z-index:1;width:3em;line-height:3em;top:0}body>header>ol>li>a:first-of-type,body>header>ol>li>a:first-of-type:focus~a,body>header>ol>li>a:first-of-type:focus~p{z-index:2}body>header>ol>li>a~p,body>header>ol>li>ol{width:15em;overflow-x:hidden;line-height:3em;top:3em;position:absolute;margin-left:-12em;z-index:-1;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-ms-transform-origin:top;-o-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;transition:-ms-transform .2s .2s;transition:-o-transform .2s .2s;transition:-webkit-transform .2s .2s;transition:transform .2s .2s}body>header>ol>li>ol{text-align:right}body>header>ol>li>a~p,body>header>ol>li>ol>li{text-align:justify}body>header>ol>li>p{overflow-x:hidden;top:0;padding:0 .5em}body>header>ol>li>a:focus+ol:empty+p,body>header>ol>li>a:focus+ol:not(:empty),body>header>ol>li>a:focus+p{max-height:calc(100vh - 3.5em);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}body>header>ol>li>ol>li{counter-increment:items}body>header>ol>li>a:not(:focus)+ol:not(:empty)~a:after{content:'+';content:counter(items);color:rgba(255,255,255,.8);background:rgba(255,0,0,1);font-size:.8em;padding:.3em;line-height:.5em;border-radius:.3em;position:absolute;display:inline-block;vertical-align:super;top:.5em;margin-left:-.5em;z-index:2} \ No newline at end of file +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ +body>header>ol{float:right;height:100%}body>header>ol>li{display:inline-block;width:3em;height:3em;float:left;counter-reset:items}body>header>ol>li>a{position:absolute;display:block;text-align:center;z-index:1;width:3em;line-height:3em;top:0}body>header>ol>li>a:first-of-type,body>header>ol>li>a:first-of-type:focus~a,body>header>ol>li>a:first-of-type:focus~p{z-index:2}body>header>ol>li>a~p,body>header>ol>li>ol{width:15em;overflow-x:hidden;line-height:3em;top:3em;position:absolute;margin-left:-12em;z-index:-1;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-ms-transform-origin:top;-o-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;transition:-ms-transform .2s .2s;transition:-o-transform .2s .2s;transition:-webkit-transform .2s .2s;transition:transform .2s .2s}body>header>ol>li>ol{text-align:right}body>header>ol>li>a~p,body>header>ol>li>ol>li{text-align:justify}body>header>ol>li>p{overflow-x:hidden;top:0;padding:0 .5em}body>header>ol>li>a:focus+ol:empty+p,body>header>ol>li>a:focus+ol:not(:empty),body>header>ol>li>a:focus+p{max-height:calc(100vh - 3.5em);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}body>header>ol>li>ol>li{counter-increment:items}body>header>ol>li>a:not(:focus)+ol:not(:empty)~a:after{content:'+';content:counter(items);color:rgba(255,255,255,.8);background:rgba(255,0,0,1);font-size:.8em;padding:.3em;line-height:.5em;border-radius:.3em;position:absolute;display:inline-block;vertical-align:super;top:.5em;margin-left:-.5em;z-index:2} diff --git a/components/header/popdown/readme.md b/components/header/popdown/readme.md index a00e7e0..7e8f981 100644 --- a/components/header/popdown/readme.md +++ b/components/header/popdown/readme.md @@ -3,7 +3,7 @@ ## CDN ```html - + ``` ## Usage diff --git a/components/main/card/card.min.css b/components/main/card/card.min.css index 525cf14..5334302 100644 --- a/components/main/card/card.min.css +++ b/components/main/card/card.min.css @@ -1,2 +1,2 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ -a>figure:first-child:last-child{display:inline-block;position:relative;border:.063em solid rgba(0,0,0,1);min-width:100%;text-align:center}a>figure:first-child:last-child img{max-width:100%;min-width:100%;display:inline-block}a>figure:first-child:last-child figcaption{position:absolute;display:block;width:100%;border-top:.063em solid rgba(0,0,0,1);background:rgba(255,255,255,1);bottom:0} \ No newline at end of file +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ +a>figure:first-child:last-child{display:inline-block;position:relative;border:.063em solid rgba(0,0,0,1);min-width:100%;text-align:center}a>figure:first-child:last-child img{max-width:100%;min-width:100%;display:inline-block}a>figure:first-child:last-child figcaption{position:absolute;display:block;width:100%;border-top:.063em solid rgba(0,0,0,1);background:rgba(255,255,255,1);bottom:0} diff --git a/components/main/card/readme.md b/components/main/card/readme.md index 82d80d8..e865ce9 100644 --- a/components/main/card/readme.md +++ b/components/main/card/readme.md @@ -3,7 +3,7 @@ ## CDN ```html - + ``` ## Usage diff --git a/components/menu/expanded/expanded.css b/components/menu/expanded/expanded.css index 62c3f9a..3ceddbc 100644 --- a/components/menu/expanded/expanded.css +++ b/components/menu/expanded/expanded.css @@ -1,4 +1,4 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ @media only screen and (min-width: 50em) { body { width: calc(100vw - 15em); @@ -18,4 +18,4 @@ body > nav > [tabindex="1"] + a + ol > li > a { width: 15em } -} \ No newline at end of file +} diff --git a/components/menu/expanded/expanded.min.css b/components/menu/expanded/expanded.min.css index 147e66d..6300d94 100644 --- a/components/menu/expanded/expanded.min.css +++ b/components/menu/expanded/expanded.min.css @@ -1,2 +1,2 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ -@media only screen and (min-width:50em){body{width:calc(100vw - 15em);margin-left:15em}body>header>h1{left:1em}body>nav>[tabindex="1"],body>nav>[tabindex="-1"]{display:none}body>nav>[tabindex="1"]+a+ol,body>nav>[tabindex="1"]+a+ol>li>a{width:15em}} \ No newline at end of file +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ +@media only screen and (min-width:50em){body{width:calc(100vw - 15em);margin-left:15em}body>header>h1{left:1em}body>nav>[tabindex="1"],body>nav>[tabindex="-1"]{display:none}body>nav>[tabindex="1"]+a+ol,body>nav>[tabindex="1"]+a+ol>li>a{width:15em}} diff --git a/components/menu/expanded/readme.md b/components/menu/expanded/readme.md index 0e3e8c2..adb8f05 100644 --- a/components/menu/expanded/readme.md +++ b/components/menu/expanded/readme.md @@ -3,7 +3,7 @@ ## CDN ```html - + ``` ## Usage diff --git a/components/menu/mini/mini.css b/components/menu/mini/mini.css index cca0314..ffecf21 100644 --- a/components/menu/mini/mini.css +++ b/components/menu/mini/mini.css @@ -1,4 +1,4 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ @media only screen and (min-width: 50em) { body { width: calc(100vw - 3em); @@ -9,4 +9,4 @@ body > nav > [tabindex="1"]:not(:focus) + a + ol > li > a { width: 3em } -} \ No newline at end of file +} diff --git a/components/menu/mini/mini.min.css b/components/menu/mini/mini.min.css index ffe3904..f808d91 100644 --- a/components/menu/mini/mini.min.css +++ b/components/menu/mini/mini.min.css @@ -1,2 +1,2 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ -@media only screen and (min-width:50em){body{width:calc(100vw - 3em);margin-left:3em}body>nav>[tabindex="1"]:not(:focus)+a+ol,body>nav>[tabindex="1"]:not(:focus)+a+ol>li>a{width:3em}} \ No newline at end of file +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","license":"MIT"} */ +@media only screen and (min-width:50em){body{width:calc(100vw - 3em);margin-left:3em}body>nav>[tabindex="1"]:not(:focus)+a+ol,body>nav>[tabindex="1"]:not(:focus)+a+ol>li>a{width:3em}} diff --git a/components/menu/mini/readme.md b/components/menu/mini/readme.md index 2aed543..2e2754d 100644 --- a/components/menu/mini/readme.md +++ b/components/menu/mini/readme.md @@ -3,7 +3,7 @@ ## CDN ```html - + ``` ## Usage diff --git a/css-ui.css b/css-ui.css index b789e4e..26fe191 100644 --- a/css-ui.css +++ b/css-ui.css @@ -1,4 +1,4 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","license":"MIT"} */ +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","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; @@ -151,4 +151,4 @@ main > * { padding: .5em; width: 95%; text-align: left -} \ No newline at end of file +} diff --git a/css-ui.min.css b/css-ui.min.css index 9bfd353..540a839 100644 --- a/css-ui.min.css +++ b/css-ui.min.css @@ -1,2 +1,2 @@ -/* {"name":"css-ui","version":"2.4.3","author":"Lcf.vs ","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;box-sizing:border-box;border:none;outline:0;list-style:none;text-decoration:none;background:0 0;margin:0;padding:0;color:inherit}:active,:focus{outline:0}html{font-size:1em;overflow-x:hidden}body{display:table;width:100%;height:100%}body>header,body>nav{position:fixed;top:0;left:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body>header{width:100%;height:3em;z-index:1}body>header>h1{position:fixed;left:3em;line-height:3em}body>nav{bottom:0;margin-top:3em;z-index:1}body>nav>[tabindex="1"],body>nav>[tabindex="-1"]{position:fixed;top:0;display:block;width:3em;text-align:center;line-height:3em;z-index:1}body>nav>[tabindex="1"]{z-index:2}body>nav>[tabindex="1"]:focus{opacity:0;pointer-events:none}body>nav>[tabindex="1"]+a+ol{height:100%;width:0;-ms-transition:width .2s .2s;-o-transition:width .2s .2s;-webkit-transition:width .2s .2s;transition:width .2s .2s}body>nav>[tabindex="1"]:focus+a+ol,body>nav>[tabindex="1"]:focus+a+ol>li>a{width:15em}body>nav>[tabindex="-1"]+ol>li{height:3em}body>nav>[tabindex="-1"]+ol>li>a{-webkit-transition:width .2s .2s;transition:width .2s .2s;overflow-x:hidden;line-height:3em;display:inline-block;min-width:100%;white-space:nowrap;width:0}body>nav>[tabindex="-1"]+ol>li>a:before{width:3em;display:inline-block;text-align:center}body>nav>[tabindex="-1"]+ol>li>a:focus,body>nav>[tabindex="-1"]+ol>li>a:hover{background:rgba(255,255,255,.3)}body>nav>[tabindex="1"]:focus+a+ol:before{content:'';display:block;width:100%;height:100%;position:fixed;top:3em;left:0;z-index:-1;background-color:rgba(0,0,0,.3)}main{top:3em;position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:1em;height:calc(100vh - 3em)}main>h1{font-weight:700;margin:auto;display:block}main>*{display:inline-block;margin:.5em;padding:.5em;width:95%;text-align:left} \ No newline at end of file +/* {"name":"css-ui","version":"2.4.4","author":"Lcf.vs ","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;box-sizing:border-box;border:none;outline:0;list-style:none;text-decoration:none;background:0 0;margin:0;padding:0;color:inherit}:active,:focus{outline:0}html{font-size:1em;overflow-x:hidden}body{display:table;width:100%;height:100%}body>header,body>nav{position:fixed;top:0;left:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body>header{width:100%;height:3em;z-index:1}body>header>h1{position:fixed;left:3em;line-height:3em}body>nav{bottom:0;margin-top:3em;z-index:1}body>nav>[tabindex="1"],body>nav>[tabindex="-1"]{position:fixed;top:0;display:block;width:3em;text-align:center;line-height:3em;z-index:1}body>nav>[tabindex="1"]{z-index:2}body>nav>[tabindex="1"]:focus{opacity:0;pointer-events:none}body>nav>[tabindex="1"]+a+ol{height:100%;width:0;-ms-transition:width .2s .2s;-o-transition:width .2s .2s;-webkit-transition:width .2s .2s;transition:width .2s .2s}body>nav>[tabindex="1"]:focus+a+ol,body>nav>[tabindex="1"]:focus+a+ol>li>a{width:15em}body>nav>[tabindex="-1"]+ol>li{height:3em}body>nav>[tabindex="-1"]+ol>li>a{-webkit-transition:width .2s .2s;transition:width .2s .2s;overflow-x:hidden;line-height:3em;display:inline-block;min-width:100%;white-space:nowrap;width:0}body>nav>[tabindex="-1"]+ol>li>a:before{width:3em;display:inline-block;text-align:center}body>nav>[tabindex="-1"]+ol>li>a:focus,body>nav>[tabindex="-1"]+ol>li>a:hover{background:rgba(255,255,255,.3)}body>nav>[tabindex="1"]:focus+a+ol:before{content:'';display:block;width:100%;height:100%;position:fixed;top:3em;left:0;z-index:-1;background-color:rgba(0,0,0,.3)}main{top:3em;position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:1em;height:calc(100vh - 3em)}main>h1{font-weight:700;margin:auto;display:block}main>*{display:inline-block;margin:.5em;padding:.5em;width:95%;text-align:left} diff --git a/package.json b/package.json index 41505c9..755a2d8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lcf.vs/css-ui", - "version": "2.4.3", + "version": "2.4.4", "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 index bcc8288..7ad399b 100644 --- a/readme.md +++ b/readme.md @@ -23,7 +23,7 @@ A pure CSS base to make a responsive user interface. ### Using a CDN ```html - + ``` ```html