@pageboard/html 0.11.2 → 0.11.3

package/elements/grid.js

@@ -6,20 +6,25 @@ exports.grid = {
 	properties: {
 		width: {
 			title: 'Width',
-			default: "full",
 			anyOf: [{
+				type: 'null',
+				title: 'normal'
+			}, {
+				const: "min",
+				title: "minimal"
+			}, {
 				const: "full",
-				title: "full"
+				title: "maximal"
 			}, {
 				const: "contained",
-				title: "container"
+				title: "contained"
 			}]
 		},
 		responsive: {
 			title: 'Responsive',
 			anyOf: [{
 				title: 'No',
-				const: null
+				type: 'null'
 			}, {
 				title: 'Stackable',
 				const: 'stackable'
@@ -38,7 +43,7 @@ exports.grid = {
 			maximum: 16
 		}
 	},
-	html: '<div class="ui [responsive] equal width [columns|num: columns] grid [width|eq:contained:container]"></div>',
+	html: '<div class="ui [responsive] [width|neq:min:equal width:] [columns|num: columns] grid [width|eq:contained:container]"></div>',
 	stylesheets: [
 		'../lib/components/grid.css'
 	]
@@ -71,7 +76,7 @@ exports.grid_row = {
 			title: 'Responsive',
 			anyOf: [{
 				title: 'No',
-				const: null
+				type: 'null'
 			}, {
 				title: 'Stackable',
 				const: 'stackable'
@@ -90,5 +95,5 @@ exports.grid_row = {
 			maximum: 16
 		}
 	},
-	html: '<div class="[responsive] equal width [columns|num: columns] row"></div>'
+	html: '<div class="[responsive] [columns|num: columns] row"></div>'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "description": "",
   "main": "index.js",
   "scripts": {

package/ui/card.css

@@ -298,11 +298,11 @@
 /* Icon */
 .ui.cards > .ui > .content .star.icon {
 	cursor: pointer;
-	opacity: 75%;
+	opacity: 0.75;
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .content .star.icon:hover {
-	opacity: 100%;
+	opacity: 1;
 	color: #FFB70A;
 }
 .ui.cards > .ui > .content .active.star.icon {
@@ -315,11 +315,11 @@
 /* Icon */
 .ui.cards > .ui > .content .like.icon {
 	cursor: pointer;
-	opacity: 75%;
+	opacity: 0.75;
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .content .like.icon:hover {
-	opacity: 100%;
+	opacity: 1;
 	color: #FF2733;
 }
 .ui.cards > .ui > .content .active.like.icon {

package/ui/fieldset-list.css

@@ -1,3 +1,6 @@
+fieldset {
+	padding: 1rem;
+}
 element-fieldset-list {
 	display: block;
 	position: relative;

package/ui/item.css

@@ -244,11 +244,11 @@
 /* Icon */
 .ui.items > .ui > .content .favorite.icon {
 	cursor: pointer;
-	opacity: 75%;
+	opacity: 0.75;
 	transition: color 0.1s ease;
 }
 .ui.items > .ui > .content .favorite.icon:hover {
-	opacity: 100%;
+	opacity: 1;
 	color: #FFB70A;
 }
 .ui.items > .ui > .content .active.favorite.icon {
@@ -261,11 +261,11 @@
 /* Icon */
 .ui.items > .ui > .content .like.icon {
 	cursor: pointer;
-	opacity: 75%;
+	opacity: 0.75;
 	transition: color 0.1s ease;
 }
 .ui.items > .ui > .content .like.icon:hover {
-	opacity: 100%;
+	opacity: 1;
 	color: #FF2733;
 }
 .ui.items > .ui > .content .active.like.icon {

package/ui/loading.css

@@ -21,17 +21,17 @@
 	0% {
 		width:0%;
 		margin-left:0px;
-		opacity:30%;
+		opacity:0.3;
 	}
 	50% {
 		width:20px;
 		margin-left:-10px;
-		opacity:100%;
+		opacity:1;
 	}
 	100% {
 		width:0%;
 		margin-left:0px;
-		opacity:30%;
+		opacity:0.3;
 	}
 }
 

package/ui/menu.css

@@ -11,7 +11,7 @@
 	width: auto;
 	height: auto;
 	top: 100% !important;
-	opacity: 100%;
+	opacity: 1;
 }
 
 /* menu item with icon */

package/ui/rating.css

@@ -101,10 +101,10 @@ element-rating.disabled .icon {
 
 /* Selected Rating */
 element-rating.selected .active.icon {
-	opacity: 100%;
+	opacity: 1;
 }
 element-rating .icon.selected,
 element-rating.selected .icon.selected {
-	opacity: 100%;
+	opacity: 1;
 }
 

package/ui/site.css

@@ -193,6 +193,7 @@ i.icon::before {
 .caret-icon::before {
 	content: "\f0da";
 	transform: rotate(0deg);
+	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
 	font-family: Accordion;
 	font-style:normal;
 	vertical-align: top;
@@ -290,6 +291,9 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
 .ui.grid.container {
 	display:flex;
 }
+.ui.grid.full {
+	width: 100% !important;
+}
 
 /* for editor only, but semantic-ui dependent */
 [contenteditable] .ui.buttons .disabled.button,
@@ -305,7 +309,7 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
 	width: auto;
 	height: auto;
 	top: 100% !important;
-	opacity: 100%;
+	opacity: 1;
 }
 
 [contenteditable] .field[block-focused] .dropdown > .menu {

package/ui/transition.css

@@ -8,7 +8,7 @@ body::after {
 	top:1px;
 	width:0%;
 	height:0;
-	opacity:70%;
+	opacity:0.7;
 	background: #4486cc;
 	box-shadow: 0 0 5px rgb(99 162 235 / 70%);
 	z-index:1000;
@@ -75,7 +75,7 @@ html.transition > body + body[data-transition-open] {
 }
 
 html.transition > body + body[data-transition-open] > *:not([block-type="main"]) {
-	opacity:0%;
+	opacity:0;
 }
 
 html.transition > body + body[data-transition-open="tr-right"] {
@@ -99,7 +99,7 @@ html.transition > body + body[data-transition-open="tr-bottom"] {
 }
 
 html.transition > body + body[data-transition-open="fade"] {
-	opacity:0%;
+	opacity:0;
 	transition: opacity 1.5s ease-in;
 }
 
@@ -107,7 +107,7 @@ html.transition.transitioning > body + body[data-transition-open|="tr"] {
 	transform: translate3d(0, 0, 0);
 }
 html.transition.transitioning > body + body[data-transition-open="fade"] {
-	opacity:100%;
+	opacity:1;
 }
 
 /* closing transitions */
@@ -118,7 +118,7 @@ html.transition > body[data-transition-close|="tr"]:first-of-type {
 
 html.transition > body[data-transition-close="fade"]:first-of-type {
 	z-index:1;
-	opacity:100%;
+	opacity:1;
 	transition: opacity 1.5s ease-in;
 }
 
@@ -139,6 +139,6 @@ html.transition.transitioning > body[data-transition-close="tr-bottom"]:first-of
 }
 
 html.transition.transitioning > body[data-transition-close="fade"]:first-of-type {
-	opacity:0%;
+	opacity:0;
 }