summaryrefslogtreecommitdiff
path: root/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css
diff options
context:
space:
mode:
Diffstat (limited to 'inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css')
-rw-r--r--inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css167
1 files changed, 167 insertions, 0 deletions
diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css
new file mode 100644
index 0000000..6a87839
--- /dev/null
+++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.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;
+ left: 0;
+ top: 5px;
+ left: 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-right: 5px;
+ margin-top: 4px;
+}
+.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap {
+ top: 4px;
+ left: 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: 0 2px 2px 0;
+ 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 0 1px 1px;
+ border-style: solid;
+ border-color: #ddd;
+ border-radius: 2px 0 0 2px;
+}
+.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container {
+ margin-right: 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: 0 2px 2px 0;
+ 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;
+ left: 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 {
+ left: 15px;
+}