Skip to content

Instantly share code, notes, and snippets.

@veirus
Last active December 5, 2016 14:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save veirus/d0cd4c5ad42c1ce28f572c052f94fa13 to your computer and use it in GitHub Desktop.
Save veirus/d0cd4c5ad42c1ce28f572c052f94fa13 to your computer and use it in GitHub Desktop.
Custom select in Stylus
.select
@extend .input
relative()
padding 0
margin-top 20px
appearance none
overflow hidden
// background-image: url("../img/arrow.png")
// background-repeat no-repeat
// background-position: 96% center
& option
font-family: ff
font-size: 16px
line-height: 1.2
& > select
overflow hidden
padding 0 20px
size(100%, 100%)
background: transparent
border: 0
color lighten(clgreytxt, 15%)
font-size: 16px
font-family: ff
line-height: 1.2
appearance none
-webkit-appearance: none
&:active, &:focus
border 0
&:after
content " "
absolute top 24px right 18px
display block
size(0,0)
border-top: 6px solid black
border-left: 6px solid transparent
border-right: 6px solid transparent
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment