style.css (2103B)
1 .redux-templates-feedback { 2 padding: 20px; 3 width: 600px; } 4 .redux-templates-feedback .panel { 5 display: flex; 6 flex-direction: column; 7 flex: 1; 8 transition: max-height 0.5s ease-out, opacity 0.5s ease-out; 9 max-height: 300px; 10 opacity: 1; } 11 .redux-templates-feedback .panel.fade { 12 max-height: 0; 13 opacity: 0; } 14 .redux-templates-feedback .panel .field { 15 display: flex; 16 margin-bottom: 15px; 17 align-items: center; } 18 .redux-templates-feedback .panel .field.top { 19 align-items: top; } 20 .redux-templates-feedback .panel .field label { 21 margin-right: 15px; } 22 .redux-templates-feedback .panel .field label + input, 23 .redux-templates-feedback .panel .field textarea { 24 padding: 5px 10px; 25 width: 375px; } 26 .redux-templates-feedback .panel .field input[type="checkbox"], 27 .redux-templates-feedback .panel .field input[type="radio"] { 28 margin-top: 0; 29 margin-right: 0.5rem; } 30 .redux-templates-feedback .panel button { 31 align-self: center; 32 margin-top: 1rem; } 33 .redux-templates-feedback h4 { 34 margin: 0.5rem 0; } 35 .redux-templates-feedback .error-panel { 36 color: #f00; 37 margin-bottom: 10px; } 38 39 .redux-templates-feedback-modal-wrapper { 40 display: flex; 41 flex-direction: column; 42 background: #fff; } 43 .redux-templates-feedback-modal-wrapper .redux-templates-modal-header { 44 border-bottom: 1px solid #ddd; 45 width: 100%; 46 flex: 0 0 60px; 47 padding: 10px 15px; 48 display: flex; 49 align-items: center; 50 justify-content: space-between; 51 box-sizing: border-box; } 52 .redux-templates-feedback-modal-wrapper .redux-templates-modal-header h3 { 53 margin: 0; 54 font-size: 1.2rem; } 55 .redux-templates-feedback-modal-wrapper .redux-templates-modal-header button { 56 border: none; 57 cursor: pointer; } 58 .redux-templates-feedback-modal-wrapper .redux-templates-modal-header .redux-templates-modal-close { 59 font-size: 20px; 60 background: transparent; 61 color: #9b9b9b; } 62 63 /*# sourceMappingURL=style.css.map */