Sophia/wp-cw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make sass nested, move to classnames instead of ids

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

50
css/cwv3.css
View File

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

2
css/cwv3.min.css vendored
View File

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

84
css/sass/cwv3.scss
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{
@ -69,24 +18,47 @@
}
.cwv3_exit{
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;
a{
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;
}
}
}
}