removed small, large classes

vdvibhu20 · vdvibhu20 · commit 2767df0ddd11 · 2018-07-11T18:26:27.000+05:30
diff --git a/examples/views/pills.hbs b/examples/views/pills.hbs
@@ -45,37 +45,3 @@
 </div>
 
 
-<br>
-
-
-<div class="heading">Manage pill size by parent</div>
-
-<div class="row small">
-    <div class="pill">
-        Parent class=small
-    </div>
-
-    <div class="pill bg-green">
-        Parent class=small
-    </div>
-
-    <div class="pill bg-red">
-        Parent class=small
-    </div>
-</div>
-
-<div class="row large">
-    <div class="pill">
-        Parent class=large
-    </div>
-
-    <div class="pill bg-green">
-        Parent class=large
-    </div>
-
-    <div class="pill bg-red">
-        Parent class=large
-    </div>
-</div>
-
-
diff --git a/sass/styles/_objects.scss b/sass/styles/_objects.scss
@@ -53,4 +53,3 @@
 @import "objects/o-signup/o-signup";
 @import "objects/tab-nav/tab-nav";
 @import "objects/o-changedp/o-changedp";
-@import "objects/o-pill/o-pill";
diff --git a/sass/styles/objects/o-pill/o-pill.scss b/sass/styles/objects/o-pill/o-pill.scss
diff --git a/sass/styles/objects/o-run-card/o-run-card.scss b/sass/styles/objects/o-run-card/o-run-card.scss
@@ -77,11 +77,10 @@
     display: flex;
     flex-wrap: wrap;
     margin-top: 25px;
-    margin-left: -5px;
   }
 
   .pill{
-    margin: 5px;
+    @include margin(5px, 10px, 5px, 0);
   }
 
   .font-sm{
diff --git a/sass/styles/tools/tools.width.scss b/sass/styles/tools/tools.width.scss
@@ -1,5 +1,6 @@
-@mixin width-fit($moz: true, $webkit: true){
+@mixin width-fit($moz: true, $webkit: true, $ms: true){
   width: fit-content;
   @if($moz)       {width: -moz-fit-content}
   @if($webkit)       {width: -webkit-fit-content}
+  @if($ms)       {width: -ms-fit-content}
 }

Original file line number	Diff line number	Diff line change
`@@ -77,11 +77,10 @@`
`77`	`77`	`display: flex;`
`78`	`78`	`flex-wrap: wrap;`
`79`	`79`	`margin-top: 25px;`
`80`		`- margin-left: -5px;`
`81`	`80`	`}`
`82`	`81`
`83`	`82`	`.pill{`
`84`		`- margin: 5px;`
	`83`	`+ @include margin(5px, 10px, 5px, 0);`
`85`	`84`	`}`
`86`	`85`
`87`	`86`	`.font-sm{`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`		`-@mixin width-fit($moz: true, $webkit: true){`
	`1`	`+@mixin width-fit($moz: true, $webkit: true, $ms: true){`
`2`	`2`	`width: fit-content;`
`3`	`3`	`@if($moz) {width: -moz-fit-content}`
`4`	`4`	`@if($webkit) {width: -webkit-fit-content}`
	`5`	`+ @if($ms) {width: -ms-fit-content}`
`5`	`6`	`}`