TornadoCash/classic-ui-dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

init

Browse source
This commit is contained in:
Danil Kovtonyuk 2022-04-22 13:05:56 +10:00
commit 44f31f8b9f
No known key found for this signature in database
GPG key ID: E72A919BF08C3746
402 changed files with 47865 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

108
assets/styles/components/_dropdown.scss Normal file
View file

@ -0,0 +1,108 @@
.dropdown.is-mobile-modal {
.dropdown-trigger {
.control {
.input {
&::after {
border: 2px solid $primary;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
margin-top: -0.5em;
pointer-events: none;
position: absolute;
top: 50%;
transform: rotate(-45deg);
transform-origin: center;
height: .625em;
width: .625em;
right: 1.125em;
transition: border-color .15s ease-in-out;
}
&:hover {
&::after {
border-color: $white;
}
}
}
&.is-loading {
.input {
&::after {
opacity: 0;
visibility: hidden;
}
}
&::after {
height: 1.143rem;
width: 1.143rem;
right: .86rem;
top: .86rem;
border-radius: 1.143rem;
}
}
}
}
&.is-expanded .dropdown-menu{
@include touch {
max-width: 460px;
}
}
.dropdown-menu {
> .dropdown-content {
overflow: hidden;
margin: 1px;
> .dropdown-item {
font-size: 1rem;
padding: 0.675rem 1.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out;
}
}
}
&.is-active {
.dropdown-trigger {
.control {
.input {
border-color: $primary;
&::after {
border-color: $primary;
}
}
}
}
}
}
.dropdown-langs {
margin-bottom: .5rem;
.dropdown-menu {
min-width: auto;
padding-top: 0;
padding-bottom: 4px;
}
&.is-mobile-modal {
.dropdown-menu {
max-width: 100px;
}
}
a.dropdown-item {
padding-right: 1rem;
line-height: 24px;
}
.button {
margin-bottom: 0;
}
}