Last active
December 31, 2018 23:18
-
-
Save dgwyer/8af0363082d02f50430db2164bed64b1 to your computer and use it in GitHub Desktop.
Useful outline styles to help debug CSS without affecting layout.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * > * { outline: 1px rgba(255, 0, 0, 1) solid !important;} | |
| * > * > * { outline: 1px rgba(255, 0, 0, 1) dashed !important;} | |
| * > * > * > * { outline: 1px rgba(255, 0, 0, 1) dotted !important;} | |
| * > * > * > * > * { outline: 1px rgba(255, 0, 0, 0.6) solid !important;} | |
| * > * > * > * > * > * { outline: 1px rgba(255, 0, 0, 0.3) solid !important;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * > * { outline: 1px rgba(0, 0, 0, 1) solid !important;} | |
| * > * > * { outline: 1px rgba(0, 0, 0, 1) dashed !important;} | |
| * > * > * > * { outline: 1px rgba(0, 0, 0, 1) dotted !important;} | |
| * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.4) solid !important;} | |
| * > * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.2) solid !important;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * > * { outline: 1px rgb(44,123,182) solid !important;} | |
| * > * > * { outline: 1px rgb(171,217,233) solid !important;} | |
| * > * > * > * { outline: 1px hotpink solid !important;} | |
| * > * > * > * > * { outline: 1px rgb(253,174,97) solid !important;} | |
| * > * > * > * > * > * { outline: 1px rgb(215,25,28) solid !important;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * > * { outline: 4px rgba(0, 0, 0, 1) solid !important;} | |
| * > * > * { outline: 3px rgba(0, 0, 0, 1) dashed !important;} | |
| * > * > * > * { outline: 2px rgba(0, 0, 0, 1) dotted !important;} | |
| * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.4) solid !important;} | |
| * > * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.2) solid !important;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * > * { outline: 1px rgba(0, 0, 0, 1) solid !important;} | |
| * > * > * { outline: 1px rgba(0, 0, 0, .8) solid !important;} | |
| * > * > * > * { outline: 1px rgba(0, 0, 0, .6) solid !important;} | |
| * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.4) solid !important;} | |
| * > * > * > * > * > * { outline: 1px rgba(0, 0, 0, 0.2) solid !important;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment