Advertisement
Guest User

debug.css

a guest
Jun 22nd, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.80 KB | None | 0 0
  1. /* A *VERY* quick-and-dirty debug stylesheet.  This is for testing/development, it displays class and ID boundaries and entity names on the page. */
  2.  
  3. [class] {
  4.     outline: solid 1px blue;
  5.     position: relative;
  6. }
  7.  
  8. [class]::before {
  9.     font-size: 12px;
  10.     color:white;
  11.     background: blue;
  12.     opacity: 0.5;
  13.     line-height: 1.2;
  14.     padding: 2px;
  15.     margin-left: 4px;
  16.     font-family: courier;
  17.     content: attr(class);
  18.     position: absolute;
  19.     right: 0;
  20.     top: 0;
  21.  
  22. }
  23.  
  24. [id] {
  25.     outline: solid 1px green;
  26.     position: relative;
  27. }
  28.  
  29. [id]::before {
  30.     font-size: 12px;
  31.     color: white;
  32.     background: green;
  33.     opacity: 0.5;
  34.     padding: 2px;
  35.     margin-left: 4px;
  36.     font-family: courier;
  37.     content: attr(id);
  38.     position: absolute;
  39.     right: 0;
  40.     top: 0;;
  41. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement