Fix error in .tag + .icon

example/components/lungo/theme.green.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #3fb58e;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #369a79;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

example/components/lungo/theme.grey.css

@@ -249,20 +249,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #bfbfbf;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -334,22 +334,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #a2a2a2;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

example/components/lungo/theme.lungo.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #0093d5;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #007db5;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

example/components/lungo/theme.red.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #ee6557;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #ea3c2b;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

packages/lungo/theme.green.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #3fb58e;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #369a79;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

packages/lungo/theme.grey.css

@@ -249,20 +249,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #bfbfbf;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -334,22 +334,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #a2a2a2;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

packages/lungo/theme.lungo.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #0093d5;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #007db5;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

packages/lungo/theme.red.css

@@ -250,20 +250,20 @@ aside .list li .icon {
   color: #666;
 }
 /* -------------------------- TAG -------------------------- */
-.tag {
+.tag:not(.icon) {
   color: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: 700 !important;
 }
-.tag.count {
+.tag:not(.icon).count {
   background-color: #ee6557;
 }
-.tag header .count {
+.tag:not(.icon) header .count {
   background-color: THEME-dark !important;
 }
-footer .tag {
+footer .tag:not(.icon) {
   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
   box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5);
@@ -335,22 +335,22 @@ button[disabled] {
 }
 button,
 .button,
-.tag {
+.tag:not(.icon) {
   background-color: #ea3c2b;
 }
 button.secondary,
 .button.secondary,
-.tag.secondary {
+.tag:not(.icon).secondary {
   background-color: #bfbfbf;
 }
 button.accept,
 .button.accept,
-.tag.accept {
+.tag:not(.icon).accept {
   background-color: #3fb58e;
 }
 button.cancel,
 .button.cancel,
-.tag.cancel {
+.tag:not(.icon).cancel {
   background-color: #ee6557;
 }
 /* -------------------------- BUTTONS -------------------------- */

src/stylesheets/theme.green.styl

@@ -175,7 +175,7 @@ nav
 
 
 /* -------------------------- TAG -------------------------- */
-.tag
+.tag:not(.icon)
   color: #fff
   border-radius 2px
   font-weight: 700 !important
@@ -228,7 +228,7 @@ a.button, button
   &[disabled]
     background-color: black
 
-button, .button, .tag
+button, .button, .tag:not(.icon)
   &
     background-color: THEME_dark
   &.secondary

src/stylesheets/theme.grey.styl

@@ -174,7 +174,7 @@ nav
 
 
 /* -------------------------- TAG -------------------------- */
-.tag
+.tag:not(.icon)
   color: #fff
   border-radius 2px
   font-weight: 700 !important
@@ -227,7 +227,7 @@ a.button, button
   &[disabled]
     background-color: black
 
-button, .button, .tag
+button, .button, .tag:not(.icon)
   &
     background-color: THEME_dark
   &.secondary

src/stylesheets/theme.lungo.styl

@@ -176,7 +176,7 @@ nav
 
 
 /* -------------------------- TAG -------------------------- */
-.tag
+.tag:not(.icon)
   color: #fff
   border-radius 2px
   font-weight: 700 !important
@@ -229,7 +229,7 @@ a.button, button
   &[disabled]
     background-color: black
 
-button, .button, .tag
+button, .button, .tag:not(.icon)
   &
     background-color: THEME_dark
   &.secondary

src/stylesheets/theme.red.styl

@@ -175,7 +175,7 @@ nav
 
 
 /* -------------------------- TAG -------------------------- */
-.tag
+.tag:not(.icon)
   color: #fff
   border-radius 2px
   font-weight: 700 !important
@@ -228,7 +228,7 @@ a.button, button
   &[disabled]
     background-color: black
 
-button, .button, .tag
+button, .button, .tag:not(.icon)
   &
     background-color: THEME_dark
   &.secondary