Good-Production/triumf-landing
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: fixed issues

Browse Source
This commit is contained in:
Aliaksei Karzhou
2024-07-05 15:01:14 +03:00
parent 21d4342a6a
commit efcdf9b099
9 changed files with 150 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/scss/_m-button.scss
View File

@@ -5,6 +5,17 @@
transition: all ease-in-out 0.1s;
cursor: pointer;
@keyframes move-light {
from {
transform: translateX(-40px) skewX(-45deg);
opacity: 1;
}
to {
transform: translateX(400px) skewX(-45deg);
opacity: 0.8;
}
}
&--lg {
display: flex;
align-items: center;
@@ -50,27 +61,50 @@
}
&--light {
position: relative;
overflow: hidden;
color: $black;
background-color: $white;
&:hover {
color: $blue;
&::after {
animation: move-light 0.5s;
}
}
&:active {
color: $darkblue;
}
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 100%;
background-color: rgba($color: $blue, $alpha: 0.5);
transform: translateX(-4em) skewX(-45deg);
}
}
&--dark {
background-color: $blue;
position: relative;
overflow: hidden;
color: $white;
border-color: rgba($color: $white, $alpha: 0.3);
background-color: $blue;
&:hover {
color: $blue;
background-color: $white;
border-color: $blue;
&::after {
animation: move-light 0.5s;
}
}
&:active {
@@ -78,6 +112,17 @@
border-color: $darkblue;
}
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 100%;
background-color: rgba($color: $blue, $alpha: 0.5);
transform: translateX(-4em) skewX(-45deg);
}
&::before {
filter: brightness(10);
}
@@ -110,7 +155,7 @@
&--light {
color: #dcdcdc;
border-color: rgba($color: $white, $alpha: 1.0);
border-color: rgba($color: $white, $alpha: 1);
}
&--white {
@@ -123,7 +168,7 @@
border-color: $white;
background-color: $blue;
}
&:active {
border-color: $white;
background-color: $darkblue;