From 6b6656d7826ba4ddd27ddbd6fa91e7a37a9b6f30 Mon Sep 17 00:00:00 2001
From: Jay Wood <jerry@webdevstudios.com>
Date: Sun, 9 Nov 2014 14:36:34 -0500
Subject: [PATCH] Make sass nested, move to classnames instead of ids

---
 css/cwv3.css       |  50 +++++++++-------------
 css/cwv3.min.css   |   2 +-
 css/sass/cwv3.scss | 102 ++++++++++++++++-----------------------------
 3 files changed, 57 insertions(+), 97 deletions(-)

diff --git a/css/cwv3.css b/css/cwv3.css
index 42cba3e..c3e285c 100644
--- a/css/cwv3.css
+++ b/css/cwv3.css
@@ -1,33 +1,32 @@
-/* CSS Document */
-.cwv3_box {
-  background: transparent;
-}
-
 /* Undocumented cBox colors */
 #cboxLoadingOverlay, #cboxContent, #cboxLoadedContent {
   background-color: #FFF !important;
 }
 
-#cwv3_auth {
+/* Main CWV3 Dialog */
+.cwv3_dialog {
   border: 3px solid #ccc;
   background: #FFF;
 }
-#cwv3_auth div {
+.cwv3_dialog.js .auth {
+  display: none;
+}
+.cwv3_dialog.js .denied {
+  display: none;
+}
+.cwv3_dialog div {
   padding: 0.25em;
 }
-
-#cwv3_title {
+.cwv3_dialog .cwv3_title {
   color: #FFF;
   font-weight: bold;
   text-align: center;
   background: #f00;
 }
-
-#cwv3_btns {
+.cwv3_dialog .cwv3_btns {
   overflow: hidden;
 }
-
-#cwv3_btns div a {
+.cwv3_dialog .cwv3_btns a {
   display: block;
   width: 100%;
   text-align: center;
@@ -35,28 +34,17 @@
   font-weight: bold;
   text-decoration: none;
 }
-
-#cwv3_enter {
-  float: left;
-  width: 40%;
-}
-
-#cwv3_enter a {
-  background-color: #0C3;
-}
-
-#cwv3_exit {
+.cwv3_dialog .cwv3_btns .cwv3_exit {
   float: right;
   width: 40%;
 }
-
-#cwv3_exit a {
+.cwv3_dialog .cwv3_btns .cwv3_exit a {
   background-color: #F00;
 }
-
-.cwv3_dialog.js .auth {
-  display: none;
+.cwv3_dialog .cwv3_btns .cwv3_enter {
+  float: left;
+  width: 40%;
 }
-.cwv3_dialog.js .denied {
-  display: none;
+.cwv3_dialog .cwv3_btns .cwv3_enter a {
+  background-color: #0C3;
 }
diff --git a/css/cwv3.min.css b/css/cwv3.min.css
index de87206..c2865ff 100644
--- a/css/cwv3.min.css
+++ b/css/cwv3.min.css
@@ -1 +1 @@
-.cwv3_box{background:0 0}#cboxContent,#cboxLoadedContent,#cboxLoadingOverlay{background-color:#FFF!important}#cwv3_auth{border:3px solid #ccc;background:#FFF}#cwv3_auth div{padding:.25em}#cwv3_title{color:#FFF;font-weight:700;text-align:center;background:red}#cwv3_btns{overflow:hidden}#cwv3_btns div a{display:block;width:100%;text-align:center;color:#FFF;font-weight:700;text-decoration:none}#cwv3_enter{float:left;width:40%}#cwv3_enter a{background-color:#0C3}#cwv3_exit{float:right;width:40%}#cwv3_exit a{background-color:red}.cwv3_dialog.js .auth,.cwv3_dialog.js .denied{display:none}
\ No newline at end of file
+#cboxContent,#cboxLoadedContent,#cboxLoadingOverlay{background-color:#FFF!important}.cwv3_dialog{border:3px solid #ccc;background:#FFF}.cwv3_dialog.js .auth,.cwv3_dialog.js .denied{display:none}.cwv3_dialog div{padding:.25em}.cwv3_dialog .cwv3_title{color:#FFF;font-weight:700;text-align:center;background:red}.cwv3_dialog .cwv3_btns{overflow:hidden}.cwv3_dialog .cwv3_btns a{display:block;width:100%;text-align:center;color:#FFF;font-weight:700;text-decoration:none}.cwv3_dialog .cwv3_btns .cwv3_exit{float:right;width:40%}.cwv3_dialog .cwv3_btns .cwv3_exit a{background-color:red}.cwv3_dialog .cwv3_btns .cwv3_enter{float:left;width:40%}.cwv3_dialog .cwv3_btns .cwv3_enter a{background-color:#0C3}
\ No newline at end of file
diff --git a/css/sass/cwv3.scss b/css/sass/cwv3.scss
index e0ff088..e004355 100644
--- a/css/sass/cwv3.scss
+++ b/css/sass/cwv3.scss
@@ -1,60 +1,9 @@
-/* CSS Document */
-.cwv3_box {
-  background: transparent;
-}
-
 /* Undocumented cBox colors */
 #cboxLoadingOverlay, #cboxContent, #cboxLoadedContent {
   background-color: #FFF !important;
 }
 
-#cwv3_auth {
-  border: 3px solid #ccc;
-  background: #FFF;
-
-  div{
-  	padding: 0.25em;
-  }
-}
-
-#cwv3_title {
-  color: #FFF;
-  font-weight: bold;
-  text-align: center;
-  background: #f00;
-}
-
-#cwv3_btns {
-  overflow: hidden;
-}
-
-#cwv3_btns div a {
-  display: block;
-  width: 100%;
-  text-align: center;
-  color: #FFF;
-  font-weight: bold;
-  text-decoration: none;
-}
-
-#cwv3_enter {
-  float: left;
-  width: 40%;
-}
-
-#cwv3_enter a {
-  background-color: #0C3;
-}
-
-#cwv3_exit {
-  float: right;
-  width: 40%;
-}
-
-#cwv3_exit a {
-  background-color: #F00;
-}
-
+/* Main CWV3 Dialog */
 .cwv3_dialog{
 
   &.js{
@@ -68,24 +17,47 @@
     }
     
   }
+  
+  border: 3px solid #ccc;
+  background: #FFF;
 
-  .cwv3_exit{
-
-    float: right;
-    width: 40%;
-
-    a{
-      background-color: #F00;
-    }
-
+  div{
+    padding: 0.25em;
   }
 
-  .cwv3_enter{
-    float: left;
-    width: 40%;
 
+  .cwv3_title {
+    color: #FFF;
+    font-weight: bold;
+    text-align: center;
+    background: #f00;
+  }
+
+  .cwv3_btns{
+    overflow: hidden;
     a{
-      background-color: #0C3;
+      display: block;
+      width: 100%;
+      text-align: center;
+      color: #FFF;
+      font-weight: bold;
+      text-decoration: none;
+    }
+
+    .cwv3_exit{
+      float: right;
+      width: 40%;
+      a{
+        background-color: #F00;
+      }
+    }
+
+    .cwv3_enter{
+      float: left;
+      width: 40%;
+      a{
+        background-color: #0C3;
+      }
     }
   }