UNPKG

3.86 kBCSSView Raw
1.should-be-large-primary-button, .should-be-small-button-in-container, .should-be-button-with-content {
2 extended: true; }
3
4.should-be-large-primary-button {
5 color: green;
6 font-size: 14px;
7 border: 1px solid red;
8 font-color: green;
9 border-color: green;
10 border-radius: 5px;
11 content: "should be quoted"; }
12 .should-be-large-primary-button:hover, .should-be-large-primary-button.hover, .should-be-large-primary-button:focus, .should-be-large-primary-button.focus {
13 color: white; }
14 .should-be-large-primary-button.one-off-custom-state {
15 color: blue; }
16
17.should-be-large-primary-button {
18 color: green;
19 font-size: 14px;
20 border: 1px solid red;
21 font-color: green;
22 border-color: green;
23 border-radius: 5px;
24 content: "should be quoted"; }
25 .should-be-large-primary-button:hover, .should-be-large-primary-button.hover, .should-be-large-primary-button:focus, .should-be-large-primary-button.focus {
26 color: white; }
27 .should-be-large-primary-button.one-off-custom-state {
28 color: blue; }
29
30.should-be-close-button-in-dialog {
31 font-size: 2em; }
32
33.should-be-small-button-in-container {
34 color: purple;
35 font-size: 12px;
36 font-color: purple;
37 border-color: purple;
38 border-radius: 5px;
39 content: "should be quoted"; }
40 .should-be-small-button-in-container:hover, .should-be-small-button-in-container.hover, .should-be-small-button-in-container:focus, .should-be-small-button-in-container.focus {
41 color: white; }
42 .should-be-small-button-in-container.one-off-custom-state {
43 color: blue; }
44
45.should-be-small-button-in-container {
46 color: purple;
47 font-size: 12px;
48 font-color: purple;
49 border-color: purple;
50 border-radius: 5px;
51 content: "should be quoted"; }
52 .should-be-small-button-in-container:hover, .should-be-small-button-in-container.hover, .should-be-small-button-in-container:focus, .should-be-small-button-in-container.focus {
53 color: white; }
54 .should-be-small-button-in-container.one-off-custom-state {
55 color: blue; }
56
57.should-be-button-with-content {
58 color: green;
59 font-size: 14px;
60 border: 1px solid red;
61 font-color: green;
62 border-color: green;
63 border-radius: 5px;
64 content: "should be quoted";
65 color: red; }
66 .should-be-button-with-content:hover, .should-be-button-with-content.hover, .should-be-button-with-content:focus, .should-be-button-with-content.focus {
67 color: white; }
68 .should-be-button-with-content.one-off-custom-state {
69 color: blue; }
70
71.should-be-close-button {
72 font-size: 2em; }
73
74.should-be-close-button {
75 font-size: 2em; }
76
77.should-be-a-tester {
78 color: red;
79 color: rgba(255, 0, 0, 0.8);
80 multivalues: -webkit-true;
81 multivalues: true;
82 multivalues: simple;
83 multivalues: red;
84 multivalues: rgba(255, 0, 0, 0.8);
85 multivalues2: -webkit-true;
86 multivalues2: true;
87 multivalues2: simple;
88 multivalues2: red;
89 multivalues2: rgba(255, 0, 0, 0.8);
90 border: 2px solid red;
91 border-color: rgba(255, 0, 0, 0.8);
92 font-size: 10px; }
93 .should-be-a-tester.test {
94 test: simple;
95 color: red;
96 color: rgba(255, 0, 0, 0.8); }
97 .should-be-a-tester.test > .child {
98 color: red;
99 color: rgba(255, 0, 0, 0.8);
100 color: red;
101 color: rgba(255, 0, 0, 0.8);
102 color: red;
103 color: rgba(255, 0, 0, 0.8);
104 color: red;
105 color: rgba(255, 0, 0, 0.8); }
106 .should-be-a-tester.test:hover, .should-be-a-tester.test.hover, .should-be-a-tester.test:focus, .should-be-a-tester.test.focus {
107 test: simple;
108 color: red;
109 color: rgba(255, 0, 0, 0.8);
110 nested-state: true; }
111 .should-be-a-tester:hover, .should-be-a-tester.hover, .should-be-a-tester:focus, .should-be-a-tester.focus {
112 color: purple; }
113 .should-be-a-tester:hover .sub, .should-be-a-tester.hover .sub, .should-be-a-tester:focus .sub, .should-be-a-tester.focus .sub {
114 color: orange;
115 nested-selector: true; }