From 9d4123cee1867ee7199b06bdc92d40611f547ecc Mon Sep 17 00:00:00 2001 From: Zach van Rijn Date: Wed, 21 Jul 2021 14:54:07 -0500 Subject: Initial unmodified import from Astra (Version: 3.6.5) @ /wp-content/themes/astra/. --- .../assets/css/unminified/responsive-slider.css | 167 +++++++++++++++++++++ 1 file changed, 167 insertions(+) create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css (limited to 'inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css') diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css new file mode 100644 index 0000000..a09b6aa --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css @@ -0,0 +1,167 @@ +.customize-control-ast-responsive-slider .wrapper, .customize-control-ast-slider .wrapper { + position: relative; + display: flex; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.customize-control-ast-responsive-slider input[type=range] { + position: inherit; +} + +.customize-control-ast-responsive-slider select, .customize-control.customize-control-select select { + color: #32373c; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: none; +} + +.customize-control-ast-responsive-slider .input-field-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-slider .components-base-control { + width: 100%; +} + +.customize-control-ast-responsive-slider .slider-control-label, +.customize-control-ast-slider .customize-control-title { + cursor: default; + margin-top: 3px; +} + +/** + * Responsive Icons + */ +.ast-responsive-slider-btns { + position: absolute; + right: 0; + top: 5px; + right: 30px; +} + +.ast-responsive-slider-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-responsive-slider-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; +} + +.ast-responsive-slider-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.customize-control-ast-responsive-slider .wrapper .components-base-control, .customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active, .customize-control-ast-slider .components-base-control.components-range-control { + width: 100%; + display: inline-block; +} +.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-left: 5px; + margin-top: 4px; +} +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + top: 4px; + right: 0; +} + +.customize-control .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.customize-control-ast-slider .components-input-control input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control input.components-input-control__input { + -moz-appearance: textfield; +} +.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.customize-control-ast-slider .components-input-control__container input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input { + display: block; + border-radius: 2px 0 0 2px; + box-shadow: none; + transition: all 0.3s; + border: 1px solid #ddd; +} +.customize-control-ast-slider input.components-input-control__input:hover, +.customize-control-ast-slider input.components-input-control__input:focus, +.customize-control-ast-slider input.components-input-control__input:active, +.customize-control-ast-responsive-slider input.components-input-control__input:hover, +.customize-control-ast-responsive-slider input.components-input-control__input:focus, +.customize-control-ast-responsive-slider input.components-input-control__input:active { + border-color: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 1px 1px 0; + border-style: solid; + border-color: #ddd; + border-radius: 0 2px 2px 0; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-left: 5px; +} +.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop, .customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop { + border: none; + border-radius: 2px 0 0 2px; + box-shadow: none; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + display: inline-block; + line-height: 1; + right: 0; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + right: 15px; +} -- cgit v1.2.3-70-g09d2