removed nested styling

botui · Jul 6, 2017 · d3d9a39 · d3d9a39
1 parent 70e38fa
commit d3d9a39
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 67 deletions.
diff --git a/build/botui-theme-default.css b/build/botui-theme-default.css
diff --git a/build/botui.js b/build/botui.js
@@ -1,5 +1,5 @@
 /*
- * botui 0.2.0
+ * botui 0.2.1
  * A JS library to build the UI for your bot
  * https://botui.moin.im
  *

diff --git a/build/botui.min.css b/build/botui.min.css
diff --git a/build/botui.min.js b/build/botui.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "botui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A JS library to build the UI for your bot",
   "main": "build/botui.min.js",
   "devDependencies": {

diff --git a/src/styles/themes/default.scss b/src/styles/themes/default.scss
@@ -13,81 +13,79 @@ $primary-color: #919292;
   font-size: 14px;
   background-color: #fff;
   font-family: $font-family;
+}
 
-  .botui-messages-container {
-    padding: 10px 20px;
-  }
-
-  .botui-actions-container {
-    padding: 10px 20px;
-  }
-
-  .botui-message {
-    min-height: 30px;
-
-    .botui-message-content {
-      padding: 7px 13px;
-      border-radius: 15px;
-      color: darken($primary-color, 22%);
-      background-color: lighten($primary-color, 35%);
-
-      &.human { // if human = true
-        color: lighten($primary-color, 40%);
-        background-color: $primary-color;
-      }
+.botui-messages-container {
+  padding: 10px 20px;
+}
 
-      &.text {
-        line-height: 1.3;
-      }
+.botui-actions-container {
+  padding: 10px 20px;
+}
 
-      &.embed {
-        padding: 5px;
-        border-radius: 5px;
-      }
-    }
+.botui-message {
+  min-height: 30px;
+}
 
-    .botui-message-content-link {
-      color: $primary-color;
-    }
+.botui-message-content {
+  padding: 7px 13px;
+  border-radius: 15px;
+  color: darken($primary-color, 22%);
+  background-color: lighten($primary-color, 35%);
 
+  &.human { // if human = true
+    color: lighten($primary-color, 40%);
+    background-color: $primary-color;
   }
 
-  .botui-actions-text-input {
-    border: 0;
-    outline: none;
-    border-radius: 0;
-    padding: 5px 7px;
-    font-family: $font-family;
-    background-color: transparent;
-    color: darken($primary-color, 22%);
-    border-bottom: 1px solid $primary-color;
+  &.text {
+    line-height: 1.3;
   }
 
-  .botui-actions-text-submit {
-    color: #fff;
-    width: 30px;
+  &.embed {
     padding: 5px;
-    height: 30px;
-    line-height: 1;
-    border-radius: 50%;
-    border: 1px solid $primary-color;
-    background: darken($primary-color, 10%);
+    border-radius: 5px;
   }
+}
 
-  .botui-actions-buttons-button {
-    border: 0;
-    color: #fff;
-    line-height: 1;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
-    padding: 7px 15px;
-    border-radius: 4px;
-    font-family: $font-family;
-    background: darken($primary-color, 10%);
-    box-shadow: 2px 3px 4px 0 rgba(0,0,0,.25);
-  }
+.botui-message-content-link {
+  color: $primary-color;
+}
+
+.botui-actions-text-input {
+  border: 0;
+  outline: none;
+  border-radius: 0;
+  padding: 5px 7px;
+  font-family: $font-family;
+  background-color: transparent;
+  color: darken($primary-color, 22%);
+  border-bottom: 1px solid $primary-color;
+}
+
+.botui-actions-text-submit {
+  color: #fff;
+  width: 30px;
+  padding: 5px;
+  height: 30px;
+  line-height: 1;
+  border-radius: 50%;
+  border: 1px solid $primary-color;
+  background: darken($primary-color, 10%);
+}
 
+.botui-actions-buttons-button {
+  border: 0;
+  color: #fff;
+  line-height: 1;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 7px 15px;
+  border-radius: 4px;
+  font-family: $font-family;
+  background: darken($primary-color, 10%);
+  box-shadow: 2px 3px 4px 0 rgba(0,0,0,.25);
 }
 
 /*