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 */ /* Undocumented cBox colors */
#cboxLoadingOverlay, #cboxContent, #cboxLoadedContent { #cboxLoadingOverlay, #cboxContent, #cboxLoadedContent {
background-color: #FFF !important; background-color: #FFF !important;
} }
#cwv3_auth { /* Main CWV3 Dialog */
.cwv3_dialog {
border: 3px solid #ccc; border: 3px solid #ccc;
background: #FFF; background: #FFF;
} }
#cwv3_auth div { .cwv3_dialog.js .auth {
display: none;
}
.cwv3_dialog.js .denied {
display: none;
}
.cwv3_dialog div {
padding: 0.25em; padding: 0.25em;
} }
.cwv3_dialog .cwv3_title {
#cwv3_title {
color: #FFF; color: #FFF;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background: #f00; background: #f00;
} }
.cwv3_dialog .cwv3_btns {
#cwv3_btns {
overflow: hidden; overflow: hidden;
} }
.cwv3_dialog .cwv3_btns a {
#cwv3_btns div a {
display: block; display: block;
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -35,28 +34,17 @@
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
.cwv3_dialog .cwv3_btns .cwv3_exit {
#cwv3_enter {
float: left;
width: 40%;
}
#cwv3_enter a {
background-color: #0C3;
}
#cwv3_exit {
float: right; float: right;
width: 40%; width: 40%;
} }
.cwv3_dialog .cwv3_btns .cwv3_exit a {
#cwv3_exit a {
background-color: #F00; background-color: #F00;
} }
.cwv3_dialog .cwv3_btns .cwv3_enter {
.cwv3_dialog.js .auth { float: left;
display: none; width: 40%;
} }
.cwv3_dialog.js .denied { .cwv3_dialog .cwv3_btns .cwv3_enter a {
display: none; 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}

100
css/sass/cwv3.scss
View File

@ -1,60 +1,9 @@
/* CSS Document */
.cwv3_box {
background: transparent;
}
/* Undocumented cBox colors */ /* Undocumented cBox colors */
#cboxLoadingOverlay, #cboxContent, #cboxLoadedContent { #cboxLoadingOverlay, #cboxContent, #cboxLoadedContent {
background-color: #FFF !important; background-color: #FFF !important;
} }
#cwv3_auth { /* Main CWV3 Dialog */
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;
}
.cwv3_dialog{ .cwv3_dialog{
&.js{ &.js{
@ -69,23 +18,46 @@
} }
.cwv3_exit{ border: 3px solid #ccc;
background: #FFF;
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{ 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;
}
} }
} }