| 1 | @charset "UTF-8";
|
| 2 | #{$search-prefix} {
|
| 3 | &-simple[dir=rtl] {
|
| 4 | &.#{$css-prefix}large {
|
| 5 | #{$search-prefix}-icon {
|
| 6 | margin-left: $search-simple-l-icon-margin-right;
|
| 7 | margin-right: 0;
|
| 8 | }
|
| 9 | }
|
| 10 | &.#{$css-prefix}medium {
|
| 11 | #{$search-prefix}-icon {
|
| 12 | margin-left: $search-simple-m-icon-margin-right;
|
| 13 | margin-right: 0;
|
| 14 | }
|
| 15 | }
|
| 16 | &.#{$css-prefix}normal {
|
| 17 | @include search-simple-color-rtl(
|
| 18 | $search-simple-normal-color,
|
| 19 | $search-simple-normal-hover-color,
|
| 20 | $search-simple-normal-icon-text-color,
|
| 21 | $search-simple-normal-icon-hover-text-color,
|
| 22 | $search-simple-normal-split-color);
|
| 23 | }
|
| 24 | &.#{$css-prefix}dark {
|
| 25 | @include search-simple-color(
|
| 26 | $search-simple-dark-color,
|
| 27 | $search-simple-dark-hover-color,
|
| 28 | $search-simple-dark-icon-text-color,
|
| 29 | $search-simple-dark-icon-hover-text-color,
|
| 30 | $search-simple-dark-split-color);
|
| 31 | }
|
| 32 | }
|
| 33 | &-normal[dir=rtl] {
|
| 34 | #{$search-prefix}-left {
|
| 35 | border-left: none;
|
| 36 | border-top-right-radius: $search-normal-corner;
|
| 37 | border-bottom-right-radius: $search-normal-corner;
|
| 38 | border-top-left-radius: 0;
|
| 39 | border-bottom-left-radius: 0;
|
| 40 | }
|
| 41 | #{$search-prefix}-btn.#{$css-prefix}btn {
|
| 42 | border-radius: $search-normal-corner 0 0 $search-normal-corner !important;
|
| 43 | }
|
| 44 | .#{$css-prefix}input {
|
| 45 | border-radius: 0 $search-normal-corner $search-normal-corner 0;
|
| 46 | }
|
| 47 | &.#{$css-prefix}primary {
|
| 48 | .#{$css-prefix}input {
|
| 49 | border-top-left-radius: 0;
|
| 50 | border-bottom-left-radius: 0;
|
| 51 | border-top-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 52 | border-bottom-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 53 | }
|
| 54 | @include search-type-color-rtl(
|
| 55 | $search-normal-primary-color,
|
| 56 | $search-normal-primary-hover-color,
|
| 57 | $search-normal-primary-color,
|
| 58 | $search-normal-primary-btn-text-color,
|
| 59 | $search-normal-primary-color,
|
| 60 | $search-normal-primary-btn-hover-bg-color,
|
| 61 | $search-normal-primary-btn-hover-text-color,
|
| 62 | $search-normal-primary-split-color);
|
| 63 | }
|
| 64 | &.#{$css-prefix}secondary {
|
| 65 | .#{$css-prefix}input {
|
| 66 | border-top-left-radius: 0;
|
| 67 | border-bottom-left-radius: 0;
|
| 68 | border-top-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 69 | border-bottom-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 70 | }
|
| 71 | @include search-type-color-rtl(
|
| 72 | $search-normal-secondary-color,
|
| 73 | $search-normal-secondary-hover-color,
|
| 74 | $search-normal-secondary-btn-bg-color,
|
| 75 | $search-normal-secondary-btn-text-color,
|
| 76 | $search-normal-secondary-btn-bg-color,
|
| 77 | $search-normal-secondary-btn-hover-bg-color,
|
| 78 | $search-normal-secondary-btn-hover-text-color,
|
| 79 | $search-normal-secondary-split-color);
|
| 80 | }
|
| 81 | &.#{$css-prefix}normal {
|
| 82 | .#{$css-prefix}input {
|
| 83 | border-top-left-radius: 0;
|
| 84 | border-bottom-left-radius: 0;
|
| 85 | border-top-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 86 | border-bottom-right-radius: calc(#{$search-normal-corner} - #{$search-normal-primary-border-width});
|
| 87 | }
|
| 88 | @include search-type-color-rtl(
|
| 89 | $search-normal-normal-color,
|
| 90 | $search-normal-normal-hover-color,
|
| 91 | $search-normal-normal-btn-bg-color,
|
| 92 | $search-normal-normal-btn-text-color,
|
| 93 | $search-normal-normal-color,
|
| 94 | $search-normal-normal-btn-hover-bg-color,
|
| 95 | $search-normal-normal-btn-hover-text-color,
|
| 96 | $search-normal-normal-split-color);
|
| 97 | }
|
| 98 | &.#{$css-prefix}dark {
|
| 99 | @include search-type-color-rtl(
|
| 100 | $search-normal-dark-color,
|
| 101 | $search-normal-dark-hover-color,
|
| 102 | $search-normal-dark-color,
|
| 103 | $search-normal-dark-btn-text-color,
|
| 104 | $search-normal-dark-color,
|
| 105 | $search-normal-dark-btn-hover-bg-color,
|
| 106 | $search-normal-dark-btn-hover-text-color,
|
| 107 | $search-normal-dark-color);
|
| 108 | }
|
| 109 | }
|
| 110 | }
|