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; }
|