Feat: button with hover
This commit is contained in:
parent
803c695909
commit
e082bf7164
@ -6,7 +6,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border: none;
|
|
||||||
color: white;
|
color: white;
|
||||||
padding: 15px 32px;
|
padding: 15px 32px;
|
||||||
box-shadow: 1px 1px 2px gray;
|
box-shadow: 1px 1px 2px gray;
|
||||||
@ -18,11 +17,26 @@ button {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.validate {
|
.validate {
|
||||||
|
border: 2px solid green;
|
||||||
|
color: green;
|
||||||
|
}
|
||||||
|
.validate:hover {
|
||||||
background-color: green;
|
background-color: green;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
.cancel {
|
.cancel {
|
||||||
|
border: 2px solid red;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.cancel:hover {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
.edit {
|
.edit {
|
||||||
background-color: orange;
|
border: 2px solid orange;
|
||||||
|
color: orange;
|
||||||
|
}
|
||||||
|
.edit:hover {
|
||||||
|
background-color: orange;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user