Make sass nested, move to classnames instead of ids

This commit is contained in:
Jay Wood
2014-11-09 14:36:34 -05:00
parent dff22f705e
commit 6b6656d782
3 changed files with 57 additions and 97 deletions

View File

@ -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;
}
}
}