| | |
|---|
| | | width: 35px; |
|---|
| | | height: 35px; |
|---|
| | | background-color: rgb(33, 150, 243); |
|---|
| | | // background-color: white; |
|---|
| | | // stroke-width: 10; |
|---|
| | | // stroke: #fff; |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | } |
|---|
| | | .m-l-inbut-2d { |
|---|
| | | position: relative; |
|---|
| | | background-color: white; |
|---|
| | | top: 60px; |
|---|
| | | font-size: 12px; |
|---|
| | | color: #000; |
|---|
| | | border: 1px solid #a4d1ff; |
|---|
| | | border-radius: 5px 5px 0 0; |
|---|
| | | // box-shadow: 0px 0px 10px #409eff inset; |
|---|
| | | // &:hover { |
|---|
| | | // background-color: rgb(21, 136, 230); |
|---|
| | | // box-shadow: -2px -2px 3px rgb(3, 74, 136) inset; |
|---|
| | |
|---|
| | | } |
|---|
| | | .m-l-inbut-3d { |
|---|
| | | @extend .m-l-inbut-2d; |
|---|
| | | top: 55px; |
|---|
| | | top: 45px; |
|---|
| | | border-radius: 0 0 5px 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .active { |
|---|
| | | // background-color: rgb(92, 181, 255); |
|---|
| | | box-shadow: -4px -4px 10px rgb(13, 98, 167) inset; |
|---|
| | | background-color: #409eff; |
|---|
| | | border: 1px solid #409eff; |
|---|
| | | color: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | z-index: 10; |
|---|
| | | // box-shadow: -4px -4px 10px rgb(13, 98, 167) inset; |
|---|
| | | // color: rgb(0, 0, 0); |
|---|
| | | // box-shadow: -4px -4px 10px rgb(13, 98, 167) inset; |
|---|
| | | transform: translateY(1px); |
|---|
