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