mirror of
https://github.com/tiennm99/styleguide.git
synced 2026-10-13 02:14:51 +00:00
sync internal styleguide.css
In addition to marking good/bad examples as green/red, add a background text to highlight them for red/green blind users. This is a bit crude, and the non-markdown version is on its way out anyway, but it should help to stop the bleeding for the time being.
This commit is contained in:
1 parent
93bd851b3c
commit
d6f1cb2751
1 file changed
+13
@@ -69,6 +69,7 @@ var {
|
||||
}
|
||||
|
||||
pre {
|
||||
position: relative;
|
||||
font-size: 10pt;
|
||||
display: block;
|
||||
color: #060;
|
||||
@@ -78,12 +79,24 @@ pre {
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
pre:before {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
z-index: 1;
|
||||
content: "GOOD CODE";
|
||||
}
|
||||
|
||||
pre.badcode {
|
||||
color: #c00;
|
||||
background-color: #fff8f8;
|
||||
border-color: #fff0f0;
|
||||
}
|
||||
|
||||
pre.badcode:before {
|
||||
content: "BAD CODE";
|
||||
}
|
||||
|
||||
.showhide_button {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
|
||||
Reference in new issue
Block a user