style.css (5955B)
1 .redux-templates-collection-modal-sidebar { 2 min-width: 270px; 3 background: #23282d; 4 color: #b4b9be; 5 /* $secondaryColor;*/ 6 overflow-y: auto; } 7 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content { 8 padding: 25px; } 9 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content h3 { 10 color: rgba(255, 255, 255, 0.9); 11 font-size: 12px; 12 font-weight: 600; 13 letter-spacing: 1px; 14 line-height: 14px; 15 font-family: pn, "Open Sans", Arial, sans-serif; 16 text-transform: uppercase; 17 display: -webkit-box; 18 display: -ms-flexbox; 19 display: flex; 20 -webkit-box-align: center; 21 white-space: nowrap; 22 -ms-flex-align: center; 23 align-items: center; 24 margin-bottom: 10px; } 25 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content h3::after { 26 content: ""; 27 width: 100%; 28 height: 1px; 29 background-color: #424951; 30 margin-left: 20px; 31 display: block; } 32 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group { 33 margin: 0; 34 border: 1px solid #383e48; 35 width: 100%; 36 display: inline-flex; 37 margin-bottom: 10px; } 38 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div { 39 display: flex; } 40 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div:last-child button { 41 color: #f5a623; } 42 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button { 43 display: inline-flex; 44 line-height: 20px; 45 padding: 5px 10px; 46 align-items: center; 47 background: none; 48 border: none; 49 position: relative; 50 z-index: 1; 51 cursor: pointer; 52 outline: none; 53 color: #fff; 54 box-shadow: none; 55 border: 1px solid transparent; 56 border-radius: 4px; 57 margin: 5px; } 58 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button:hover { 59 border: 1px solid #424951; 60 color: rgba(255, 255, 255, 0.9); } 61 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button:focus { 62 outline: none; } 63 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button.active { 64 background: #383e48; 65 color: #3dbfe8 !important; 66 border: 1px solid #555d66; } 67 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button.disabled { 68 opacity: 0.5; } 69 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content .redux-templates-template-filter-button-group > div button img { 70 display: inline-block; 71 width: auto; 72 height: 14px; 73 margin-right: 4px; } 74 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul { 75 list-style: none; 76 margin: 0; 77 padding: 0; } 78 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li { 79 padding: 2px 0; 80 display: block; 81 font-size: 14px; 82 overflow: hidden; 83 cursor: pointer; 84 transition: 300ms; } 85 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li:not(.disabled):hover { 86 color: rgba(255, 255, 255, 0.9); } 87 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.active { 88 color: #3dbfe8; } 89 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.disabled { 90 opacity: 0.5; } 91 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li span { 92 float: right; } 93 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.missing-dependency { 94 color: #967757; } 95 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.missing-dependency:hover { 96 color: #b76914; } 97 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.missing-dependency.active { 98 color: #3dbfe8; } 99 .redux-templates-collection-modal-sidebar .redux-templates-modal-sidebar-content ul li.missing-dependency i { 100 font-size: 0.9em; 101 margin-left: 5px; } 102 .redux-templates-collection-modal-sidebar ul.redux-templates-sidebar-dependencies li .components-base-control { 103 display: inline-block; 104 margin-bottom: 0 !important; } 105 .redux-templates-collection-modal-sidebar ul.redux-templates-sidebar-dependencies li .components-base-control .components-base-control__field { 106 margin-bottom: 3px; } 107 .redux-templates-collection-modal-sidebar ul.redux-templates-sidebar-dependencies li .components-base-control span { 108 float: none; } 109 .redux-templates-collection-modal-sidebar .redux-templates-select-actions { 110 margin-bottom: 8px; 111 display: inline-flex; } 112 .redux-templates-collection-modal-sidebar .redux-templates-select-actions i.challenge-dot { 113 margin-left: 10px; } 114 .redux-templates-collection-modal-sidebar .redux-templates-sidebar-dependencies li a { 115 display: inline-block; 116 margin-left: 10px; 117 font-size: 90%; 118 float: right; } 119 120 /*# sourceMappingURL=style.css.map */