IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor gradido template button, hover

Browse Source
This commit is contained in:
ogerly 2022-05-24 08:37:37 +02:00
parent 78021a401f
commit 44f9c96d95
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/assets/scss/gradido-template.scss
View File

@ -41,17 +41,19 @@ a,
} }
.btn-gradido { .btn-gradido {
background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%); display: inline-block;
background-size: auto; padding: 1em 3em;
background-position: 0% 0%; letter-spacing: 0.05em;
background-repeat: repeat;
border-style: none;
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
color: #fff; color: #fff;
transition: all 0.5s ease;
background: rgb(249,205,105);
background: linear-gradient(135deg, rgba(249,205,105,1) 2%, rgba(197,141,56,1) 55%);
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
border-radius:26px;
} }
.btn-gradido:hover { .btn-gradido:hover {
color: #212529; box-shadow: 0 5px 10px rgba(0,0,0,0.2);
} }
.btn-gradido:focus { .btn-gradido:focus {
@ -61,6 +63,11 @@ a,
.btn-outline-gradido { .btn-outline-gradido {
color: rgb(140 121 88); color: rgb(140 121 88);
border: 1px solid #f5b805; border: 1px solid #f5b805;
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
}
.btn-outline-gradido:hover {
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 0%);
} }
.form-control, .form-control,