brian/laravel-stubs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

removing default border on gradient buttons, means the hover is broken

Browse Source
This commit is contained in:
Brian 2022-09-01 12:48:03 -06:00
parent 7fa9bbca77
commit 90e5ddee96
Signed by: brian
GPG Key ID: DE1A5390A3B84CD8
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/resources/css/elements/buttons.css
View File

@ -38,13 +38,13 @@
.button-sm[class*="button-gradient"],
.button[class*="button-gradient"],
.button-lg[class*="button-gradient"] {
@apply transition-all duration-300 ease-in-out border-2;
@apply transition-all duration-300 ease-in-out;
}
.button-gradient-primary {
@apply text-white;
background: linear-gradient(to right, hsl(291, 95.9%, 61.8%), hsl(187, 100%, 41.6%));
border-color: hsl(187, 100%, 41.6%);
/*border-color: hsl(187, 100%, 41.6%);*/
box-shadow: 0 4px 12px 0 hsla(223, 15.7%, 65.1%, 0.1);
}
.button-gradient-primary:hover {
@ -54,7 +54,7 @@
.button-gradient-secondary {
@apply text-white;
background: linear-gradient(to right, hsl(229, 75.9%, 65.9%), hsl(270, 36.7%, 46.5%) 90%);
border-color: hsl(270, 36.7%, 46.5%);
/*border-color: hsl(270, 36.7%, 46.5%);*/
box-shadow: 0 4px 15px 0 hsla(265, 36%, 48.4%, 0.75);
}
.button-gradient-secondary:hover {
@ -64,7 +64,7 @@
.button-gradient-tertiary {
@apply text-white;
background: linear-gradient(to right, hsl(212, 18.8%, 19.8%), hsl(211, 15.8%, 33.5%));
border-color: hsl(211, 15.8%, 33.5%);
/*border-color: hsl(211, 15.8%, 33.5%);*/
box-shadow: 0 4px 15px 0 hsla(213, 18.2%, 21.6%, 0.75);
}
.button-gradient-tertiary:hover {
@ -75,7 +75,7 @@
.button-gradient-info {
@apply text-white;
background: linear-gradient(to right, hsl(198, 75.8%, 51.4%), hsl(218, 80.7%, 59.4%));
border-color: hsl(218, 80.7%, 59.4%);
/*border-color: hsl(218, 80.7%, 59.4%);*/
box-shadow: 0 4px 15px 0 hsla(216, 80.1%, 58.6%, 0.75);
}
.button-gradient-info:hover {
@ -85,7 +85,7 @@
.button-gradient-success {
@apply text-white;
background: linear-gradient(to right, hsl(151, 71.8%, 52.7%), hsl(151, 61.8%, 44.1%));
border-color: hsl(151, 61.8%, 44.1%);
/*border-color: hsl(151, 61.8%, 44.1%);*/
box-shadow: 0 4px 15px 0 hsla(155, 75.9%, 37.5%, 0.75);
}
.button-gradient-success:hover {
@ -95,7 +95,7 @@
.button-gradient-warning {
@apply text-white;
background: linear-gradient(to right, hsl(44, 88%, 67.3%), hsl(14, 97.4%, 45.3%));
border-color: hsl(14, 97.4%, 45.3%);
/*border-color: hsl(14, 97.4%, 45.3%);*/
box-shadow: 0 4px 15px 0 hsla(15, 91.6%, 46.9%, 0.75);
}
.button-gradient-warning:hover {
@ -105,7 +105,7 @@
.button-gradient-danger {
@apply text-white;
background: linear-gradient(to right, hsl(357, 81.7%, 57.3%), hsl(358, 84%, 65.7%));
border-color: hsl(358, 84%, 65.7%);
/*border-color: hsl(358, 84%, 65.7%);*/
box-shadow: 0 5px 15px hsla(358, 96.1%, 69.8%, 0.4);
}
.button-gradient-danger:hover {