UNPKG

sgpl/tachyons-speedy/src/_debug.css

Version:

1/* 
2 
3  DEBUG (PESTICIDE)
4  Docs: http://tachyons.io/docs/debug/
5
6  This is a partial you have to manually include in your
7  build file. It places a different colored outline on 
8  each element which can help you debug layout issues.
9  There is also a handy chrome extension that can 
10  be found at http://pesticide.io
11
12*/
13
14body {        outline: 1px solid  #2980B9!important; }
15article {     outline: 1px solid  #3498DB!important; }
16nav {         outline: 1px solid  #0088C3!important; }
17aside {       outline: 1px solid  #33A0CE!important; }
18section {     outline: 1px solid  #66B8DA!important; }
19header {      outline: 1px solid  #99CFE7!important; }
20footer {      outline: 1px solid  #CCE7F3!important; }
21h1 {          outline: 1px solid  #162544!important; }
22h2 {          outline: 1px solid  #314E6E!important; }
23h3 {          outline: 1px solid  #3E5E85!important; }
24h4 {          outline: 1px solid  #449BAF!important; }
25h5 {          outline: 1px solid  #C7D1CB!important; }
26h6 {          outline: 1px solid  #4371D0!important; }
27main {        outline: 1px solid  #2F4F90!important; }
28address {     outline: 1px solid  #1A2C51!important; }
29div {         outline: 1px solid  #036CDB!important; }
30
31
32p {           outline: 1px solid  #AC050B!important; }
33hr {          outline: 1px solid  #FF063F!important; }
34pre {         outline: 1px solid  #850440!important; }
35blockquote {  outline: 1px solid  #F1B8E7!important; }
36ol {          outline: 1px solid  #FF050C!important; }
37ul {          outline: 1px solid  #D90416!important; }
38li {          outline: 1px solid  #D90416!important; }
39dl {          outline: 1px solid  #FD3427!important; }
40dt {          outline: 1px solid  #FF0043!important; }
41dd {          outline: 1px solid  #E80174!important; }
42figure {      outline: 1px solid  #FF00BB!important; }
43figcaption {  outline: 1px solid  #BF0032!important; }
44
45
46
47table {       outline: 1px solid  #00CC99!important; }
48caption {     outline: 1px solid  #37FFC4!important; }
49thead {       outline: 1px solid  #98DACA!important; }
50tbody {       outline: 1px solid  #64A7A0!important; }
51tfoot {       outline: 1px solid  #22746B!important; }
52tr {          outline: 1px solid  #86C0B2!important; }
53th {          outline: 1px solid  #A1E7D6!important; }
54td {          outline: 1px solid  #3F5A54!important; }
55col {         outline: 1px solid  #6C9A8F!important; }
56colgroup {    outline: 1px solid  #6C9A9D!important; }
57
58
59button {      outline: 1px solid  #DA8301!important; }
60datalist {    outline: 1px solid  #C06000!important; }
61fieldset {    outline: 1px solid  #D95100!important; }
62form {        outline: 1px solid  #D23600!important; }
63input {       outline: 1px solid  #FCA600!important; }
64keygen {      outline: 1px solid  #B31E00!important; }
65label {       outline: 1px solid  #EE8900!important; }
66legend {      outline: 1px solid  #DE6D00!important; }
67meter {       outline: 1px solid  #E8630C!important; }
68optgroup {    outline: 1px solid  #B33600!important; }
69option {      outline: 1px solid  #FF8A00!important; }
70output {      outline: 1px solid  #FF9619!important; }
71progress {    outline: 1px solid  #E57C00!important; }
72select {      outline: 1px solid  #E26E0F!important; }
73textarea {    outline: 1px solid  #CC5400!important; }
74
75
76
77details {     outline: 1px solid  #33848F!important; }
78summary {     outline: 1px solid  #60A1A6!important; }
79command {     outline: 1px solid  #438DA1!important; }
80menu {        outline: 1px solid  #449DA6!important; }
81
82
83
84del {         outline: 1px solid  #BF0000!important; }
85ins {         outline: 1px solid  #400000!important; }
86
87
88
89img     {     outline: 1px solid #22746B!important; }
90iframe  {     outline: 1px solid #64A7A0!important; }
91embed   {     outline: 1px solid #98DACA!important; }
92object  {     outline: 1px solid #00CC99!important; }
93param   {     outline: 1px solid #37FFC4!important; }
94video   {     outline: 1px solid #6EE866!important; }
95audio   {     outline: 1px solid #027353!important; }
96source  {     outline: 1px solid #012426!important; }
97canvas  {     outline: 1px solid #A2F570!important; }
98track   {     outline: 1px solid #59A600!important; }
99map     {     outline: 1px solid #7BE500!important; }
100area    {     outline: 1px solid #305900!important; }
101
102
103
104a {           outline: 1px solid #FF62AB!important; }
105em {          outline: 1px solid #800B41!important; }
106strong {      outline: 1px solid #FF1583!important; }
107i {           outline: 1px solid #803156!important; }
108b {           outline: 1px solid #CC1169!important; }
109u {           outline: 1px solid #FF0430!important; }
110s {           outline: 1px solid #F805E3!important; }
111small {       outline: 1px solid #D107B2!important; }
112abbr {        outline: 1px solid #4A0263!important; }
113q {           outline: 1px solid #240018!important; }
114cite {        outline: 1px solid #64003C!important; }
115dfn {         outline: 1px solid #B4005A!important; }
116sub {         outline: 1px solid #DBA0C8!important; }
117sup {         outline: 1px solid #CC0256!important; }
118time {        outline: 1px solid #D6606D!important; }
119code {        outline: 1px solid #E04251!important; }
120kbd {         outline: 1px solid #5E001F!important; }
121samp {        outline: 1px solid #9C0033!important; }
122var {         outline: 1px solid #D90047!important; }
123mark {        outline: 1px solid #FF0053!important; }
124bdi {         outline: 1px solid #BF3668!important; }
125bdo {         outline: 1px solid #6F1400!important; }
126ruby {        outline: 1px solid #FF7B93!important; }
127rt {          outline: 1px solid #FF2F54!important; }
128rp {          outline: 1px solid #803E49!important; }
129span {        outline: 1px solid #CC2643!important; }
130br {          outline: 1px solid #DB687D!important; }
131wbr {         outline: 1px solid #DB175B!important; }
132

1	`/*`
2
3	`DEBUG (PESTICIDE)`
4	`Docs: http://tachyons.io/docs/debug/`
5
6	`This is a partial you have to manually include in your`
7	`build file. It places a different colored outline on`
8	`each element which can help you debug layout issues.`
9	`There is also a handy chrome extension that can`
10	`be found at http://pesticide.io`
11
12	`*/`
13
14	`body { outline: 1px solid #2980B9!important; }`
15	`article { outline: 1px solid #3498DB!important; }`
16	`nav { outline: 1px solid #0088C3!important; }`
17	`aside { outline: 1px solid #33A0CE!important; }`
18	`section { outline: 1px solid #66B8DA!important; }`
19	`header { outline: 1px solid #99CFE7!important; }`
20	`footer { outline: 1px solid #CCE7F3!important; }`
21	`h1 { outline: 1px solid #162544!important; }`
22	`h2 { outline: 1px solid #314E6E!important; }`
23	`h3 { outline: 1px solid #3E5E85!important; }`
24	`h4 { outline: 1px solid #449BAF!important; }`
25	`h5 { outline: 1px solid #C7D1CB!important; }`
26	`h6 { outline: 1px solid #4371D0!important; }`
27	`main { outline: 1px solid #2F4F90!important; }`
28	`address { outline: 1px solid #1A2C51!important; }`
29	`div { outline: 1px solid #036CDB!important; }`
30
31
32	`p { outline: 1px solid #AC050B!important; }`
33	`hr { outline: 1px solid #FF063F!important; }`
34	`pre { outline: 1px solid #850440!important; }`
35	`blockquote { outline: 1px solid #F1B8E7!important; }`
36	`ol { outline: 1px solid #FF050C!important; }`
37	`ul { outline: 1px solid #D90416!important; }`
38	`li { outline: 1px solid #D90416!important; }`
39	`dl { outline: 1px solid #FD3427!important; }`
40	`dt { outline: 1px solid #FF0043!important; }`
41	`dd { outline: 1px solid #E80174!important; }`
42	`figure { outline: 1px solid #FF00BB!important; }`
43	`figcaption { outline: 1px solid #BF0032!important; }`
44
45
46
47	`table { outline: 1px solid #00CC99!important; }`
48	`caption { outline: 1px solid #37FFC4!important; }`
49	`thead { outline: 1px solid #98DACA!important; }`
50	`tbody { outline: 1px solid #64A7A0!important; }`
51	`tfoot { outline: 1px solid #22746B!important; }`
52	`tr { outline: 1px solid #86C0B2!important; }`
53	`th { outline: 1px solid #A1E7D6!important; }`
54	`td { outline: 1px solid #3F5A54!important; }`
55	`col { outline: 1px solid #6C9A8F!important; }`
56	`colgroup { outline: 1px solid #6C9A9D!important; }`
57
58
59	`button { outline: 1px solid #DA8301!important; }`
60	`datalist { outline: 1px solid #C06000!important; }`
61	`fieldset { outline: 1px solid #D95100!important; }`
62	`form { outline: 1px solid #D23600!important; }`
63	`input { outline: 1px solid #FCA600!important; }`
64	`keygen { outline: 1px solid #B31E00!important; }`
65	`label { outline: 1px solid #EE8900!important; }`
66	`legend { outline: 1px solid #DE6D00!important; }`
67	`meter { outline: 1px solid #E8630C!important; }`
68	`optgroup { outline: 1px solid #B33600!important; }`
69	`option { outline: 1px solid #FF8A00!important; }`
70	`output { outline: 1px solid #FF9619!important; }`
71	`progress { outline: 1px solid #E57C00!important; }`
72	`select { outline: 1px solid #E26E0F!important; }`
73	`textarea { outline: 1px solid #CC5400!important; }`
74
75
76
77	`details { outline: 1px solid #33848F!important; }`
78	`summary { outline: 1px solid #60A1A6!important; }`
79	`command { outline: 1px solid #438DA1!important; }`
80	`menu { outline: 1px solid #449DA6!important; }`
81
82
83
84	`del { outline: 1px solid #BF0000!important; }`
85	`ins { outline: 1px solid #400000!important; }`
86
87
88
89	`img { outline: 1px solid #22746B!important; }`
90	`iframe { outline: 1px solid #64A7A0!important; }`
91	`embed { outline: 1px solid #98DACA!important; }`
92	`object { outline: 1px solid #00CC99!important; }`
93	`param { outline: 1px solid #37FFC4!important; }`
94	`video { outline: 1px solid #6EE866!important; }`
95	`audio { outline: 1px solid #027353!important; }`
96	`source { outline: 1px solid #012426!important; }`
97	`canvas { outline: 1px solid #A2F570!important; }`
98	`track { outline: 1px solid #59A600!important; }`
99	`map { outline: 1px solid #7BE500!important; }`
100	`area { outline: 1px solid #305900!important; }`
101
102
103
104	`a { outline: 1px solid #FF62AB!important; }`
105	`em { outline: 1px solid #800B41!important; }`
106	`strong { outline: 1px solid #FF1583!important; }`
107	`i { outline: 1px solid #803156!important; }`
108	`b { outline: 1px solid #CC1169!important; }`
109	`u { outline: 1px solid #FF0430!important; }`
110	`s { outline: 1px solid #F805E3!important; }`
111	`small { outline: 1px solid #D107B2!important; }`
112	`abbr { outline: 1px solid #4A0263!important; }`
113	`q { outline: 1px solid #240018!important; }`
114	`cite { outline: 1px solid #64003C!important; }`
115	`dfn { outline: 1px solid #B4005A!important; }`
116	`sub { outline: 1px solid #DBA0C8!important; }`
117	`sup { outline: 1px solid #CC0256!important; }`
118	`time { outline: 1px solid #D6606D!important; }`
119	`code { outline: 1px solid #E04251!important; }`
120	`kbd { outline: 1px solid #5E001F!important; }`
121	`samp { outline: 1px solid #9C0033!important; }`
122	`var { outline: 1px solid #D90047!important; }`
123	`mark { outline: 1px solid #FF0053!important; }`
124	`bdi { outline: 1px solid #BF3668!important; }`
125	`bdo { outline: 1px solid #6F1400!important; }`
126	`ruby { outline: 1px solid #FF7B93!important; }`
127	`rt { outline: 1px solid #FF2F54!important; }`
128	`rp { outline: 1px solid #803E49!important; }`
129	`span { outline: 1px solid #CC2643!important; }`
130	`br { outline: 1px solid #DB687D!important; }`
131	`wbr { outline: 1px solid #DB175B!important; }`
132