1 2// content search 3 4.content__search { 5 width: 100%; 6 float: left; 7 position: relative; 8 margin-right: 1em; 9 margin-bottom: .5em; 10 11 #content__search-input { 12 margin: 0; 13 border: 1px solid $input-border; 14 padding-left: 40px; 15 padding-right: 5px; 16 height: 3em; 17 max-height: none; 18 &:focus { 19 box-shadow: none; 20 } 21 } 22 label { 23 position: absolute; 24 text-indent: -9999px; 25 height:20px; 26 width: 20px; 27 left: 10px; 28 top: 25px; 29 transform: translateY(-50%); 30 background: url("../assets/images/icon-search.svg") center center no-repeat; 31 opacity: .6; 32 } 33 34 .clear-input { 35 display: inline-block; 36 height: 30px; 37 width: 20px; 38 color: $darkgrey; 39 padding: 0; 40 margin-right: .5em; 41 } 42 .search-submit__wrapper { 43 position: absolute; 44 width: auto; 45 height: 100%; 46 top: 0; 47 right: 0; 48 } 49 .content__search-submit { 50 display: inline-block; 51 padding: 1em 2em .9em; 52 min-height: 20px; 53 text-align: center; 54 margin: 0; 55 font-weight: 700; 56 font-size: .8em; 57 border: 0; 58 width: auto; 59 height: 100%; 60 &:hover { 61 cursor: pointer; 62 } 63 } 64 65 .tag-filter-label { 66 text-transform: uppercase; 67 color: $darkgrey; 68 font-size: .7em; 69 font-weight: 700; 70 min-height: 20px; 71 line-height:1.3; 72 margin-top: .5em; 73 text-align: right; 74 } 75}//end event-log__search