atomatic
Version:
An easy to use build and development tool for Atomic Design Systems, that works with rollup.js, Browserify, webpack and many more...
27 lines (23 loc) • 462 B
text/stylus
.search
padding $paddingNormal $paddingLarge
position relative
&__input
display block
border-bottom 1px solid $hexSlateGray
width 100%
padding .25em 1.35em
.svg-search
position absolute
width 1.25em
height 1.25em
left 1em
top calc(50% \- .625em)
tintSvg($hexSlateGray)
&__clear
position absolute
width 1.25em
height 1.25em
right 1em
top calc(50% \- .625em)
svg
tintSvg($hexAlto)