balmet.com

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

redux-info.scss (2716B)

      1 .redux-info-field {
      2     min-height: 20px;
      3     padding: 8px 19px;
      4     margin: 10px 0;
      5     border: 1px solid;
      6     border-radius: 4px;
      7     border: 1px solid;
      8     position: relative;
      9 
     10     h1,
     11     h2,
     12     h3,
     13     h4,
     14     h5,
     15     h6 {
     16         border-bottom: 0 !important;
     17     }
     18 
     19     h3 {
     20         color: #777;
     21     }
     22 
     23     .redux-info-icon {
     24         display: inline-block;
     25         margin-right: 15px;
     26 
     27         i {
     28             font-size: 2em;
     29         }
     30     }
     31 
     32     .redux-info-desc {
     33         display: inline-block;
     34         vertical-align: top;
     35     }
     36 
     37     &.redux-normal {
     38         background-color: #eee;
     39         border-color: #ccc;
     40         color: #666;
     41 
     42         i {
     43             color: #c5c5c5;
     44         }
     45     }
     46 
     47     &.redux-warning {
     48         background-color: #fbeba4;
     49         border-color: #d7c281;
     50         color: #958234;
     51 
     52         i {
     53             color: #dcca81;
     54         }
     55     }
     56 
     57     &.redux-success {
     58         background-color: #c4ee91;
     59         border-color: #71af5d;
     60         color: #4d7615;
     61 
     62         i {
     63             color: #a0ca6c;
     64         }
     65     }
     66 
     67     &.redux-critical {
     68         background-color: #fba1a3;
     69         border-color: #b84f5b;
     70         color: #981225;
     71 
     72         i {
     73             color: #dd767d;
     74         }
     75     }
     76 
     77     &.redux-info {
     78         background-color: #d3e4f4;
     79         border-color: #a9b6c2;
     80         color: #5c80a1;
     81 
     82         i {
     83             color: #afc6da;
     84         }
     85     }
     86 }
     87 
     88 .redux-notice-field {
     89     margin: 15px 0 0;
     90     background-color: #fff;
     91     border: 0;
     92     border-left: 4px solid #f3f3f3;
     93     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     94     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     95     padding: 1px 12px;
     96 
     97     h1,
     98     h2,
     99     h3,
    100     h4,
    101     h5,
    102     h6 {
    103         border-bottom: 0 !important;
    104     }
    105 
    106     p {
    107         margin: 0.5em 0;
    108         padding: 2px;
    109     }
    110 
    111     .redux-info-icon {
    112         display: inline-block;
    113         margin-right: 15px;
    114 
    115         i {
    116             font-size: 2em;
    117         }
    118     }
    119 
    120     .redux-info-desc {
    121         display: inline-block;
    122         vertical-align: top;
    123     }
    124 
    125     &.redux-info {
    126         border-left: 4px solid #0099d5;
    127     }
    128 
    129     &.redux-success {
    130         border-left: 4px solid #7ad03a;
    131     }
    132 
    133     &.redux-warning {
    134         border-left: 4px solid #fbeba4;
    135     }
    136 
    137     &.redux-critical {
    138         border-left: 4px solid #dd3d36;
    139     }
    140 }
    141 
    142 .redux-main .redux-field-container.redux-container-info {
    143     padding: 0;
    144 }
    145 
    146 .wp-customizer {
    147     .hasIcon.redux-notice-field,
    148     .hasIcon.redux-info-field {
    149         .redux-info-desc {
    150             display: block;
    151             margin-left: 43px;
    152         }
    153         .redux-info-icon {
    154             float: left;
    155         }
    156     }
    157     .redux-main .customize-control.customize-control-redux-info {
    158         border-bottom: 0;
    159     }
    160 }
    161