tornadocash/tornado-initiation-ui
1
0
Fork 0
mirror of https://github.com/tornadocash/tornado-initiation-ui.git synced 2024-11-22 17:40:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

update active state

Browse Source
This commit is contained in:
Danil Kovtonyuk 2020-12-09 23:38:42 +10:00
parent 002e7eb979
commit cfe7231f7b
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
assets/styles/components/_button.scss
View File

@ -4,13 +4,13 @@
&--active { &--active {
&::after { &::after {
content: ''; content: '';
position: absolute; margin-left: 0.15rem;
top: 6px; margin-top: -0.55rem;
right: -6px; width: 4px;
width: 8px; height: 4px;
height: 8px; background-color: $primary;
background-color: rgba($primary, .154); border-radius: 100%;
border-radius: 50%; box-shadow: 0 0 1px 1px $primary;
} }
} }
@ -29,10 +29,11 @@
.trnd { .trnd {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #6B6B6B; background-color: #6b6b6b;
} }
&:focus:not(:active), &.is-focused:not(:active) { &:focus:not(:active),
&.is-focused:not(:active) {
box-shadow: none; box-shadow: none;
} }
} }
@ -46,7 +47,8 @@
background-color: $primary; background-color: $primary;
} }
&:hover, &:focus { &:hover,
&:focus {
.trnd { .trnd {
background-color: $primary-invert; background-color: $primary-invert;
} }
@ -62,18 +64,21 @@
.icon { .icon {
&:first-child:not(:last-child) { &:first-child:not(:last-child) {
margin-left: -0.15em; margin-left: -0.15em;
margin-right: 0.5em; } margin-right: 0.5em;
}
&:last-child:not(:first-child) { &:last-child:not(:first-child) {
margin-left: 0.5em; margin-left: 0.5em;
margin-right: -0.15em; } margin-right: -0.15em;
}
&:first-child:last-child { &:first-child:last-child {
margin-left: 0; margin-left: 0;
margin-right: 0; } margin-right: 0;
}
} }
&:not(.is-small) { &:not(.is-small) {
span:not(.icon):not(.b-tooltip):first-child:last-child { span:not(.icon):not(.b-tooltip):first-child:last-child {
padding: 0 .5rem; padding: 0 0.5rem;
} }
} }
} }
@ -84,9 +89,9 @@
} }
.break { .break {
margin: 0 1.25rem .5rem 0; margin: 0 1.25rem 0.5rem 0;
width: 1px; width: 1px;
align-self: stretch; align-self: stretch;
background-color: #2A2A2A; background-color: #2a2a2a;
} }
} }