mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-07-04 07:36:22 +00:00
Code Issues Releases Wiki Activity

Add sidebar component that is ready to be designed and instrumented

Browse Source
This commit is contained in:
Gabor PEK
2018-04-20 09:19:42 +02:00
committed by Kristóf Tóth
parent 97d1a58fbf
commit b460c429e6
13 changed files with 169 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/scss/shared/_buttons.scss
View File

@ -41,14 +41,23 @@
.tao-btn-rainbow {
@extend .tao-btn-primary;
background: linear-gradient(135deg, $tao-blue-500 0%, $tao-turqoise-500 70%,$tao-bright-green-300 100%);
transition: all 2s ease;
transition: all 0.18s ease;
color: white;
border: none;
text-decoration: none !important;
box-shadow: 0 4px 8px 0 rgba($tao-blue-500, 0.2), 0 8px 20px 0 rgba($tao-blue-500, 0.29);
&:active {
box-shadow: 0 4px 8px 0 rgba($tao-blue-500, 0.1), 0 4px 10px 0 rgba($tao-blue-500, 0.09);
background: linear-gradient(135deg, $tao-blue-500 0%, $tao-turqoise-500 80%,$tao-bright-green-300 100%);
color: white;
padding: 5px 18px;
}
&:hover {
box-shadow: none;
background: linear-gradient(135deg, $tao-blue-500 0%, $tao-turqoise-500 80%,$tao-bright-green-300 100%);
box-shadow: 0 4px 8px 0 rgba($tao-blue-500, 0.2), 0 8px 20px 0 rgba($tao-blue-500, 0.29);
color: white;
}
}