balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

redux-slider.scss (1737B)


      1 .redux-container-slider {
      2     .redux-slider-container {
      3         margin-left: 25px;
      4         margin-right: 25px;
      5         width: 200px;
      6         display: inline-block;
      7         vertical-align: middle;
      8     }
      9 
     10     .redux-slider-input,
     11     .redux-slider-select-one,
     12     .redux-slider-select-two {
     13         width: 100px !important;
     14         text-align: center;
     15     }
     16 
     17     .redux-slider-label {
     18         position: absolute;
     19         margin-left: -5px;
     20     }
     21 
     22     .redux-slider-label-one {
     23         position: absolute;
     24         margin-left: -22px;
     25     }
     26 
     27     .redux-slider-label-two {
     28         position: absolute;
     29         margin-top: -21px;
     30         margin-left: 245px;
     31     }
     32 }
     33 
     34 @media screen and (max-width: 782px) {
     35     .redux-container-slider {
     36         input {
     37             display: inline-block !important;
     38         }
     39     }
     40 }
     41 
     42 // Select Slider
     43 @media screen and (max-width: 570px) {
     44     .redux-container-slider {
     45         text-align: center;
     46 
     47         input,
     48         select,
     49         .redux-slider-label,
     50         .select2-container {
     51             display: block !important;
     52             position: inherit;
     53             margin: 10px auto;
     54         }
     55 
     56         .redux-slider-container {
     57             margin-top: 3px;
     58             width: 80%;
     59         }
     60     }
     61 }
     62 
     63 .wp-customizer {
     64     .redux-container-slider {
     65         .redux-slider-label {
     66             float: left;
     67             position: inherit;
     68             width: 25%;
     69             text-align: center;
     70             margin-left: 0;
     71         }
     72         .redux-slider-input,
     73         .redux-slider-select-one,
     74         .redux-slider-select-two {
     75             width: 25% !important;
     76         }
     77         .redux-slider-container {
     78             width: 70%;
     79             margin-right: 0;
     80             margin-left: 5%;
     81         }
     82     }
     83 }
     84