Removing spinning animation from close buttons

This commit is contained in:
Bruno Alves de Faria 2017-11-22 10:26:29 -02:00
parent b42214d8ee
commit 7840c2b6c2
2 changed files with 4 additions and 9 deletions

View File

@ -47,17 +47,12 @@
position: absolute position: absolute
text-align: center text-align: center
top: 50% top: 50%
transform(translateY(-50%) rotate(0deg)) transform(translateY(-50%))
transform-origin(50% 50%)
transition(transform 0.3s ease)
width: 100% width: 100%
&:hover &:hover
background-color: rgba(0, 0, 0, 0.1) background-color: rgba(0, 0, 0, 0.1)
i
transform(translateY(-50%) rotate(180deg))
&.in &.in
max-height: auto max-height: auto
opacity: 1 opacity: 1

View File

@ -114,15 +114,15 @@ body .select2-container--default .select2-results>.select2-results__options
overflow: hidden overflow: hidden
text-align: center text-align: center
text-shadow: none text-shadow: none
transition(color 0.3s ease)
width: 20px width: 20px
span span
display: block display: block
line-height: 20px line-height: 20px
transition(transform 0.3s ease)
&:hover span &:hover
transform(rotate(180deg)) theme('color', '$textPrimaryColor')
.full-width .full-width
width: 100% width: 100%