Add badges styles directly to project

srcclr · Feb 4, 2016 · 963b0ed · 963b0ed
1 parent b815299
commit 963b0ed
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 22 deletions.
diff --git a/assets/stylesheets/ssl_reminder/bar-chart.css.scss b/assets/stylesheets/ssl_reminder/bar-chart.css.scss
@@ -7,7  7,6 @@
 .barchart-column {
   margin-bottom: 10px;
   height: 25px;
-
   display: flex;
 }
 
@@ -25,33  24,32 @@
   flex: 3;
 
   div {
-    @extend .color--white;
-
     color: #fff;
     line-height: 25px;
     padding: 0 5px;
   }
 }
 
 .barchart-column__bar--safe > div {
-  @extend .bg-color--success;
   background-color: #97d700;
 }
 
 .barchart-column__bar--warning > div {
-  @extend .bg-color--warning;
   background-color: #ffb81c;
 }
 
 .barchart-column__bar--danger > div {
-  @extend .bg-color--danger;
   background-color: #f9423a;
 }
 
 .barchart-column__bar--expired > div {
-  @extend .bg-color--black;
   background-color: #231f20;
 }
 
 .barchart-column__bar--none > div {
-  @extend .bg-color--muted;
   background-color: #94a2aa;
 }
 
 .barchart-column__bar--scanning > div {
-  @extend .bg-color--primary;
   background-color: #00afd7l
 }
diff --git a/assets/stylesheets/ssl_reminder/ssl-reminder.css.scss b/assets/stylesheets/ssl_reminder/ssl-reminder.css.scss
@@ -1,22  1,31 @@
-.ssl-reminder {}
 �dge {
   display: inline-block;
   border-radius: 25px;
   background-color: #94a2aa;
   padding: .25em .5em;
   width: 100%;
   min-width: 1em;
   vertical-align: middle;
   text-align: center;
   text-transform: uppercase;
   line-height: 1;
   white-space: nowrap;
   color: #fff;
   font-family: "Simple Regular", sans-serif;
   font-weight: normal;
 }
 
 .badge--safe,
 .badge--warning,
 .badge--danger,
 .badge--expired,
 .badge--none,
 .badge--scanning {
-  @extend .badge;
-
-  font-family: "Simple Regular", sans-serif;
-  display: inline-block;
-  width: 100%;
-  font-weight: normal;
-  text-transform: uppercase;
   @extend �dge;
 }
 
-.badge--safe { @extend .badge--success; }
-.badge--warning { @extend .badge--warning--medium; }
-.badge--danger { @extend .badge--warning--high; }
-.badge--expired { @extend .badge--dark; }
-.badge--scanning { @extend .badge--primary; }
 .badge--safe { background-color: #97d700; }
 .badge--scanning { background-color: #00afd7; }
 .badge--danger { background-color: #f9423a; }
 .badge--warning { background-color: #ffb81c; }
 .badge--expired { background-color: #231f20; }