|
- html body {
- .select,
- .button {
- max-width: 100%;
- box-sizing: border-box;
- text-decoration: none;
- color: unset;
- // background-color: #eee;
- // border: 1px solid lightgrey;
- // box-shadow: 1px 1px 1px grey;
- // background-color: rgb(255, 235, 123);
- background-color: lightyellow;
- border: 1px solid rgb(179, 179, 0);
- box-shadow: 1px 1px 1px grey;
- border-radius: 4px;
- margin: 4px;
- padding: 6px;
- }
-
- .button {
- cursor: pointer;
-
- &.loading,
- &:active {
- transform: translate(1px, 1px);
- box-shadow: 0.5px 0.5px 0.5px grey;
- }
-
- &.loading,
- &:disabled {
- color: grey;
- }
-
- &.success {
- background-color: lightgreen;
- border-color: green;
- }
- &.success::after {
- content: ' ✔️';
- }
- }
- }
|