2021-04-02 08:19:14 +08:00
|
|
|
/* @tailwind base; */
|
2021-04-01 16:20:50 +08:00
|
|
|
@tailwind utilities;
|
2021-03-29 02:54:05 +08:00
|
|
|
|
2021-04-01 18:10:00 +08:00
|
|
|
html,
|
|
|
|
body {
|
2021-04-02 08:19:14 +08:00
|
|
|
margin: 0;
|
|
|
|
height: 100%;
|
|
|
|
font-family: sans-serif;
|
2021-04-05 11:52:17 +08:00
|
|
|
overflow: hidden;
|
2021-04-02 08:19:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
#c {
|
2021-04-05 11:52:17 +08:00
|
|
|
position: absolute;
|
2021-04-02 08:19:14 +08:00
|
|
|
width: 100%;
|
2021-04-01 18:10:00 +08:00
|
|
|
height: 100%;
|
2021-04-02 08:19:14 +08:00
|
|
|
display: block;
|
2021-03-28 20:00:31 +08:00
|
|
|
}
|
|
|
|
|
2021-04-05 11:52:17 +08:00
|
|
|
#react > div {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2021-04-02 08:19:14 +08:00
|
|
|
.btn-red {
|
|
|
|
cursor: pointer;
|
2021-04-05 11:52:17 +08:00
|
|
|
@apply bg-red-500 hover:bg-red-600 text-gray-50;
|
2021-04-02 08:19:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-grn {
|
|
|
|
cursor: pointer;
|
2021-04-05 11:52:17 +08:00
|
|
|
@apply bg-green-500 hover:bg-green-600 text-gray-50;
|
2021-04-02 08:19:14 +08:00
|
|
|
}
|
2021-04-01 18:10:00 +08:00
|
|
|
|
2021-04-02 08:19:14 +08:00
|
|
|
.btn-blu {
|
|
|
|
cursor: pointer;
|
2021-04-05 11:52:17 +08:00
|
|
|
@apply bg-blue-500 hover:bg-blue-600 text-gray-50;
|
2021-04-01 18:10:00 +08:00
|
|
|
}
|
2021-04-02 08:19:14 +08:00
|
|
|
|
|
|
|
|
2021-04-05 11:52:17 +08:00
|
|
|
#labels > div {
|
|
|
|
position: absolute;
|
|
|
|
border: solid 1px black;
|
|
|
|
}
|
2021-04-02 08:19:14 +08:00
|
|
|
|
|
|
|
.btn {
|
|
|
|
cursor: pointer;
|
|
|
|
@apply fill-current
|
|
|
|
bg-gray-100 text-green-600
|
2021-04-05 11:52:17 +08:00
|
|
|
hover:bg-gray-200 hover:text-green-700;
|
2021-04-02 08:19:14 +08:00
|
|
|
}
|