mirror of
https://github.com/dzeiocom/markblog.git
synced 2025-06-19 22:19:19 +00:00
@ -1,10 +1,10 @@
|
||||
$color = #4285F4
|
||||
$hover = #70A8F8
|
||||
$active = #3066D1
|
||||
$color = #6200EE
|
||||
$hover = #BB86FC
|
||||
$active = #3700B3
|
||||
|
||||
$outline-shadow = inset 0 0 0 2px $color
|
||||
$outline-hover = rgba(179, 216, 253, 0.3)
|
||||
$outline-active = rgba(66, 133, 244, 0.3)
|
||||
$outline-hover = rgba($hover, 0.3)
|
||||
$outline-active = rgba($active, 0.3)
|
||||
|
||||
$active-shadow = 0 0 0 3px rgba(204,204,204,.75)
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
$color = #4285F4
|
||||
$color = #6200EE
|
||||
|
||||
.input
|
||||
position relative
|
||||
@ -16,6 +16,7 @@ $color = #4285F4
|
||||
border-radius 10px
|
||||
background-color #EEE
|
||||
border none
|
||||
color black
|
||||
padding 15px 20px
|
||||
margin 3px
|
||||
box-shadow inset 0 0 0 2px #BDBDBD
|
||||
@ -72,11 +73,19 @@ $color = #4285F4
|
||||
height 24px
|
||||
position absolute
|
||||
left 20px
|
||||
top 18px
|
||||
top 50%
|
||||
transform translateY(-50%)
|
||||
// pointer-events none
|
||||
color #666
|
||||
transition color 200ms cubic-bezier(.2,0,.6,1)
|
||||
|
||||
select + i {
|
||||
pointer-events none
|
||||
}
|
||||
|
||||
select option:hover
|
||||
box-shadow 0 0 10px 100px $color inset
|
||||
|
||||
&.icon-right i
|
||||
left initial
|
||||
right 20px
|
||||
|
Reference in New Issue
Block a user