muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

switching between modes :-)

Browse source
This commit is contained in:
muerwre 2018-08-31 16:52:31 +07:00
parent 293f3cd7b9
commit f85911861a
4 changed files with 51 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/styles/panel.less
View file

@ -3,6 +3,8 @@
border-radius: 3px;
display: flex;
box-shadow: @bar_shadow;
}
.control-dist {
@ -36,6 +38,12 @@
color: white;
display: flex;
align-items: center;
transform: translateY(100px);
transition: transform 500ms;
&.active {
transform: translateY(0);
}
&.right {
left: auto;
@ -66,6 +74,10 @@
margin-left: 8px;
}
&:first-child {
border-radius: 4px 0 0 4px;
}
&:last-child {
border-radius: 0 4px 4px 0;
}
@ -78,10 +90,19 @@
}
&.highlighted {
background: #555555;
}
&.primary {
background: linear-gradient(150deg, @blue_primary, @blue_secondary) 50% 50% no-repeat;
background-size: 100% 100%;
}
&.success {
background: linear-gradient(150deg, @green_primary, @green_secondary) 50% 50% no-repeat;
background-size: 100% 100%;
}
svg {
fill: white;
stroke: white;