html.css - npm Package Compare versions

Comparing version 0.6.1 to 0.6.2

dist/html.css

@@ -5,3 +5,3 @@ /**
  * @version 0.6.1
- * @link https://github.com/heyallan/html.css
+ * @link https://heyallan.github.io/html.css
  * @author Allan Moreno
@@ -17,4 +17,4 @@ * @license MIT Copyright (c) 2016-2016
 }
-*:before,
-*:after {
+*::before,
+*::after {
   box-sizing: inherit;
@@ -46,7 +46,38 @@ }
 }
+main,
+nav,
+article,
+aside,
+footer,
+header,
+figcaption,
+section,
+figure,
+address {
+  display: block;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+main *:last-child,
+nav *:last-child,
+article *:last-child,
+aside *:last-child,
+footer *:last-child,
+header *:last-child,
+figcaption *:last-child,
+section *:last-child,
+figure *:last-child,
+address *:last-child {
+  margin-bottom: 0;
+}
 img,
+canvas,
+svg,
 embed,
 object,
 audio,
+video,
+audio,
 video {
+  display: inline-block;
   height: auto;
@@ -56,10 +87,6 @@ max-width: 100%;
 figure {
+  text-align: center;
   margin: 0 0 1rem 0;
 }
-figure img {
-  display: block;
-  margin: 0 auto 1rem;
-}
-figure figcaption {
-  text-align: center;
+figcaption {
   font-family: serif;
@@ -69,17 +96,7 @@ color: #676a7a;
 iframe {
-  display: block;
   max-width: 100%;
   max-height: 75vw;
-  margin-right: auto;
-  margin-left: auto;
   border: 0;
   margin-bottom: 1rem;
 }
-nav {
-  margin-bottom: 1rem;
-}
-section,
-address {
-  margin-bottom: 1rem;
-}
 body {
@@ -241,2 +258,3 @@ max-width: 900px;
        tab-size: 2;
+  text-align: left;
   border-radius: 3px;
@@ -243,0 +261,0 @@ background-color: #eeeeef;

dist/html.min.css

@@ -5,6 +5,6 @@ /**
  * @version 0.6.1
- * @link https://github.com/heyallan/html.css
+ * @link https://heyallan.github.io/html.css
  * @author Allan Moreno
  * @license MIT Copyright (c) 2016-2016
  */
-*,:after,:before{box-sizing:inherit}body>*,body>aside,iframe,table{max-width:100%}a,ins,u{text-decoration:none}a,blockquote cite,code,kbd,samp{color:#0275d8}ol,p,pre,ul{margin-top:0}html,pre,pre code{color:#50525e}form input[type=text],form input[type=password],form input[type=datetime],form input[type=datetime-local],form input[type=color],form input[type=range],form input[type=url],form input[type=email],form input[type=tel],form input[type=search],form input[type=number],form input[type=date],form input[type=month],form input[type=week],form label,form select,form select[multiple],form textarea{display:block;width:100%}html{box-sizing:border-box;margin:0;padding:0}*{min-width:0}body{margin:0 auto;padding:2rem 1rem;max-width:900px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center}ol,ul{margin-bottom:1rem;padding-left:1.1rem}ol li>ol,ol li>ul,ul li>ol,ul li>ul{padding-left:1rem;margin-bottom:0}address,h1,h2,h3,h4,h5,h6,hr,iframe,nav,p,pre,section,table{margin-bottom:1rem}blockquote,fieldset,figure{margin:0 0 1rem}dd{margin-left:1rem}audio,embed,img,object,video{height:auto;max-width:100%}figure img{display:block;margin:0 auto 1rem}figure figcaption{text-align:center;font-family:serif;color:#676a7a}iframe{display:block;max-height:75vw;margin-right:auto;margin-left:auto;border:0}body>*{-ms-flex:1 1 70%;flex:1 1 70%;padding:0 .5rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:calc(70% - 1rem);flex-basis:calc(70% - 1rem)}body>aside{-ms-flex:1 1 30%;flex:1 1 30%;min-width:220px;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:calc(30% - 1rem);flex-basis:calc(30% - 1rem)}table{display:block;overflow-x:auto;white-space:nowrap;border-collapse:collapse;border-spacing:0}table caption{padding:.5rem 1rem}thead{border-bottom:2px solid #0275d8}tbody tr{border-bottom:1px solid #d4d4d4}td,th{padding:.5rem 1rem;text-align:left}html{font-size:16px;font-family:sans-serif;line-height:1.5}blockquote,cite,dfn,em,var{font-family:Georgia,serif}h1,h2,h3,h4,h5,h6{margin-top:0;color:#42444e}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6{font-size:1rem}p b:only-child{font-weight:lighter;font-size:1.4rem;line-height:1.4}blockquote{padding:.5rem 1.5rem;border-left:2px solid #0275d8;color:#676a7a}blockquote p:last-child{margin-bottom:0}mark{background-color:#ffe256}ins,u{border-bottom:1px solid}dt{font-weight:700}hr{margin-top:1rem;border-top:1px solid #d4d4d4}a{border-bottom:2px solid #bdc3c7;transition:all .1s}a:active,a:focus,a:hover{border-bottom-color:#0275d8}pre{padding:1rem 1.5rem;overflow-x:scroll;-moz-tab-size:2;tab-size:2;border-radius:3px;background-color:#eeeeef}fieldset{padding:1rem;border:1px solid #d4d4d4;border-radius:3px}input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=url],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=date],input[type=month],input[type=week],select,select[multiple],textarea{font-size:1rem;border:1px solid #d4d4d4;border-radius:3px;padding:.5rem 1rem;outline:0}input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,select:focus,select[multiple]:focus,textarea:focus{border-color:#0275d8}input[type=color],select:not([multiple]){height:2.2rem}input[type=range]{margin:0;height:2rem}select[multiple] optgroup option{padding:5px}textarea{padding:1rem;height:auto}form label{padding-top:5px;padding-right:.5rem;padding-bottom:.5rem;vertical-align:top}form label:hover{cursor:pointer}@media (min-width:768px){form label{display:inline-block;width:auto;min-width:22%}form input[type=text],form input[type=password],form input[type=datetime],form input[type=datetime-local],form input[type=color],form input[type=range],form input[type=url],form input[type=email],form input[type=tel],form input[type=search],form input[type=number],form input[type=date],form input[type=month],form input[type=week],form select,form select[multiple],form textarea{display:inline-block;width:calc(77%)}}button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:.5rem 1rem;vertical-align:middle;font-size:.8rem;line-height:1.5;cursor:pointer;border-radius:3px;border:1px solid #d4d4d4;background-color:#ebebeb;background-image:linear-gradient(#f4f4f4,#ebebeb)}button:active:not([disabled]),button:focus:not([disabled]),button:hover:not([disabled]),input[type=button]:active:not([disabled]),input[type=button]:focus:not([disabled]),input[type=button]:hover:not([disabled]),input[type=reset]:active:not([disabled]),input[type=reset]:focus:not([disabled]),input[type=reset]:hover:not([disabled]),input[type=submit]:active:not([disabled]),input[type=submit]:focus:not([disabled]),input[type=submit]:hover:not([disabled]){border-color:#0267bf;text-shadow:-1px -1px 0 rgba(0,0,0,.3);color:#fff;background-color:#0275d8;background-image:linear-gradient(#108ffd,#0275d8)}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{color:#676a7a;cursor:not-allowed;opacity:.7}
+*,::after,::before{box-sizing:inherit}body>*,body>aside,iframe,table{max-width:100%}address :last-child,article :last-child,aside :last-child,blockquote p:last-child,figcaption :last-child,figure :last-child,footer :last-child,header :last-child,main :last-child,nav :last-child,section :last-child{margin-bottom:0}a,ins,u{text-decoration:none}a,blockquote cite,code,kbd,samp{color:#0275d8}ol,p,pre,ul{margin-top:0}pre,td,th{text-align:left}html,pre,pre code{color:#50525e}form input[type=text],form input[type=password],form input[type=datetime],form input[type=datetime-local],form input[type=color],form input[type=range],form input[type=url],form input[type=email],form input[type=tel],form input[type=search],form input[type=number],form input[type=date],form input[type=month],form input[type=week],form label,form select,form select[multiple],form textarea{display:block;width:100%}html{box-sizing:border-box;margin:0;padding:0}*{min-width:0}body{margin:0 auto;padding:2rem 1rem;max-width:900px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center}ol,ul{margin-bottom:1rem;padding-left:1.1rem}ol li>ol,ol li>ul,ul li>ol,ul li>ul{padding-left:1rem;margin-bottom:0}h1,h2,h3,h4,h5,h6,hr,iframe,p,pre,table{margin-bottom:1rem}dd{margin-left:1rem}address,article,aside,figcaption,figure,footer,header,main,nav,section{display:block;width:100%;margin-bottom:1rem}blockquote,fieldset,figure{margin:0 0 1rem}audio,canvas,embed,img,object,svg,video{display:inline-block;height:auto;max-width:100%}figure{text-align:center}figcaption{font-family:serif;color:#676a7a}iframe{max-height:75vw;border:0}body>*{-ms-flex:1 1 70%;flex:1 1 70%;padding:0 .5rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:calc(70% - 1rem);flex-basis:calc(70% - 1rem)}body>aside{-ms-flex:1 1 30%;flex:1 1 30%;min-width:220px;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:calc(30% - 1rem);flex-basis:calc(30% - 1rem)}table{display:block;overflow-x:auto;white-space:nowrap;border-collapse:collapse;border-spacing:0}table caption{padding:.5rem 1rem}thead{border-bottom:2px solid #0275d8}tbody tr{border-bottom:1px solid #d4d4d4}td,th{padding:.5rem 1rem}html{font-size:16px;font-family:sans-serif;line-height:1.5}blockquote,cite,dfn,em,var{font-family:Georgia,serif}h1,h2,h3,h4,h5,h6{margin-top:0;color:#42444e}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6{font-size:1rem}p b:only-child{font-weight:lighter;font-size:1.4rem;line-height:1.4}blockquote{padding:.5rem 1.5rem;border-left:2px solid #0275d8;color:#676a7a}mark{background-color:#ffe256}ins,u{border-bottom:1px solid}dt{font-weight:700}hr{margin-top:1rem;border-top:1px solid #d4d4d4}a{border-bottom:2px solid #bdc3c7;transition:all .1s}a:active,a:focus,a:hover{border-bottom-color:#0275d8}pre{padding:1rem 1.5rem;overflow-x:scroll;-moz-tab-size:2;tab-size:2;border-radius:3px;background-color:#eeeeef}fieldset{padding:1rem;border:1px solid #d4d4d4;border-radius:3px}input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=url],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=date],input[type=month],input[type=week],select,select[multiple],textarea{font-size:1rem;border:1px solid #d4d4d4;border-radius:3px;padding:.5rem 1rem;outline:0}input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,select:focus,select[multiple]:focus,textarea:focus{border-color:#0275d8}input[type=color],select:not([multiple]){height:2.2rem}input[type=range]{margin:0;height:2rem}select[multiple] optgroup option{padding:5px}textarea{padding:1rem;height:auto}form label{padding-top:5px;padding-right:.5rem;padding-bottom:.5rem;vertical-align:top}form label:hover{cursor:pointer}@media (min-width:768px){form label{display:inline-block;width:auto;min-width:22%}form input[type=text],form input[type=password],form input[type=datetime],form input[type=datetime-local],form input[type=color],form input[type=range],form input[type=url],form input[type=email],form input[type=tel],form input[type=search],form input[type=number],form input[type=date],form input[type=month],form input[type=week],form select,form select[multiple],form textarea{display:inline-block;width:calc(77%)}}button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:.5rem 1rem;vertical-align:middle;font-size:.8rem;line-height:1.5;cursor:pointer;border-radius:3px;border:1px solid #d4d4d4;background-color:#ebebeb;background-image:linear-gradient(#f4f4f4,#ebebeb)}button:active:not([disabled]),button:focus:not([disabled]),button:hover:not([disabled]),input[type=button]:active:not([disabled]),input[type=button]:focus:not([disabled]),input[type=button]:hover:not([disabled]),input[type=reset]:active:not([disabled]),input[type=reset]:focus:not([disabled]),input[type=reset]:hover:not([disabled]),input[type=submit]:active:not([disabled]),input[type=submit]:focus:not([disabled]),input[type=submit]:hover:not([disabled]){border-color:#0267bf;text-shadow:-1px -1px 0 rgba(0,0,0,.3);color:#fff;background-color:#0275d8;background-image:linear-gradient(#108ffd,#0275d8)}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{color:#676a7a;cursor:not-allowed;opacity:.7}

package.json

 {
   "name": "html.css",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "CSS library without classes",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/heyallan/html.css.git"
+    "url": "https://github.com/heyallan/html.css.git"
   },
@@ -16,3 +16,4 @@ "keywords": [
     "email": "[e-mail]",
-    "url": "http://heyallan.com"
+    "url": "http://heyallan.com",
+    "twitter": "heyallanmoreno"
   },
@@ -23,3 +24,3 @@ "license": "MIT",
   },
-  "homepage": "https://github.com/heyallan/html.css",
+  "homepage": "https://heyallan.github.io/html.css",
   "devDependencies": {
@@ -26,0 +27,0 @@ "autoprefixer": "^6.4.1",

README.md

@@ -13,7 +13,7 @@ # html.css
 
-Add the relatively reliable CDN links to the `<head>` of your document:
+Add a CDN link to the `<head>` of your document:
 
 ```html
 <!-- development: -->
-<link rel="stylesheet" href="https://rawgit.com/heyallan/html.css/master/dist/html.min.css"/>
+<link rel="stylesheet" href="https://unpkg.com/html.css@latest/dist/html.min.css"/>
 ```
@@ -23,3 +23,3 @@
 <!-- production: -->
-<link rel="stylesheet" href="https://cdn.rawgit.com/heyallan/html.css/<tag_version>/dist/html.min.css"/>
+<link rel="stylesheet" href="https://unpkg.com/html.css@<RELEASE_VERSION_HERE>/dist/html.min.css"/>
 ```
@@ -32,3 +32,3 @@
 ```html
-<link rel="stylesheet" href="https://rawgit.com/heyallan/html.css/master/dist/html.min.css"/></style>
+<link rel="stylesheet" href="https://unpkg.com/html.css@latest/dist/html.min.css"/></style>
 ```
@@ -35,0 +35,0 @@

src/less/code.less

@@ -7,2 +7,3 @@ pre {
   tab-size: 2;
+  text-align: left;
   border-radius: @radius-default;
@@ -9,0 +10,0 @@ background-color: #eeeeef;

src/less/scaffolding.less

@@ -7,4 +7,4 @@ html {
   min-width: 0; // $fix issue: make descendents of flex items respect overflow (specially `pre` tag)
-  &:before,
-  &:after {
+  &::before,
+  &::after {
     box-sizing: inherit;
@@ -39,9 +39,34 @@ }
 
-// responsive media
+// HTML5 block elements
+main,
+nav,
+article,
+aside,
+footer,
+header,
+figcaption,
+section,
+figure,
+address {
+  display: block;
+  width: 100%;
+  // vertical rhythm
+  margin-bottom: 1rem;
+  & *:last-child {
+    margin-bottom: 0;
+  }
+}
 
+
+// responsive inline media
 img,
+canvas,
+svg,
 embed,
 object,
 audio,
+video,
+audio,
 video {
+  display: inline-block;
   height: auto;
@@ -52,31 +77,16 @@ max-width: 100%;
 figure {
+  text-align: center;
   margin: 0 0 1rem 0;
-  img {
-    display: block;
-    margin: 0 auto 1rem;
-  }
-  figcaption {
-    text-align: center;
-    font-family: serif;
-    color: @color-muted;
-  }
 }
+figcaption {
+  font-family: serif;
+  color: @color-muted;
+}
 
+// responsive iframe
 iframe {
-  display: block;
   max-width: 100%;
   max-height: 75vw;
-  margin-right: auto;
-  margin-left: auto;
   border: 0;
   margin-bottom: 1rem;
 }
-
-nav {
-  margin-bottom: 1rem;
-}
-
-section,
-address {
-  margin-bottom: 1rem;
-}

New alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26582

2.28%

Lines of code

474

3.95%

No dependency changes