unused files are removed and some style changes

WrathChaos · WrathChaos · commit 23bb79a4f3fe · 2019-10-01T14:06:07.000+03:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chmod-checkbox",
-  "version": "0.0.2",
+  "version": "0.0.21",
   "description": "Simple and ready to use chmod based checkbox web component with StencilJS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
diff --git a/src/components/chmod-checkbox/chmod-checkbox.scss b/src/components/chmod-checkbox/chmod-checkbox.scss
@@ -50,13 +50,13 @@ label {
       width: 0px;
       height: 2px;
       border-radius: 2px; // so that the tick has nice rounded look
-      background: $base-color;
       position: absolute;
+      background: $base-color;
+      transform-origin: 0% 0%;
       transform: rotate(45deg);
-      top: 13px; // you'll need to experiment with placement depending on the dimensions you've chosen
-      left: 9px; // you'll need to experiment with placement depending on the dimensions you've chosen
       transition: width 50ms ease 50ms;
-      transform-origin: 0% 0%;
+      left: 9px; // you'll need to experiment with placement depending on the dimensions you've chosen
+      top: 13px; // you'll need to experiment with placement depending on the dimensions you've chosen
     }
 
     &:after {
@@ -138,19 +138,19 @@ input[type="checkbox"] {
 
 .wrapper {
   display: grid;
-  grid-gap: 10px;
+  grid-gap: 3px;
   grid-template-columns: repeat(3, 1fr);
 }
 
 .column1 {
-  grid-column: 1;
   grid-row: 3;
+  grid-column: 1;
 }
 .column2 {
-  grid-column: 2;
   grid-row: 3;
+  grid-column: 2;
 }
 .column3 {
-  grid-column: 3;
   grid-row: 3;
+  grid-column: 3;
 }
diff --git a/src/index.html b/src/index.html
@@ -11,6 +11,22 @@
       <script nomodule src="/build/chmod-checkbox.js"></script>
     </head>
   <body>  
-      <chmod-checkbox permission="0"/>
+    <div style="display:flex">
+      <div style="flex: 0 0 65%">
+        <span>Hello</span>
+      </div>
+      <div style="flex:1">
+        <div>
+          <chmod-checkbox permission="0"/>
+        </div>
+        <div>
+          <chmod-checkbox permission="0"/>
+        </div>
+        <div>
+          <chmod-checkbox permission="0"/>
+        </div>
+      </div>
+
+    </div>
   </body>
 </html>
diff --git a/src/utils/utils.spec.ts b/src/utils/utils.spec.ts

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "chmod-checkbox",`
`3`		`- "version": "0.0.2",`
	`3`	`+ "version": "0.0.21",`
`4`	`4`	`"description": "Simple and ready to use chmod based checkbox web component with StencilJS",`
`5`	`5`	`"main": "dist/index.js",`
`6`	`6`	`"module": "dist/index.mjs",`