style.scss (2400B)
1 #collections-sections-list { 2 width: 100%; 3 display: flex; 4 flex-wrap: wrap; 5 padding: 10px 10px 0 10px; 6 7 > div { 8 width: 33.3333%; 9 padding: 15px; 10 position: relative; 11 @media (max-width: 1199px) { 12 width: 50%; 13 } 14 15 &.redux-templates-builder-template-found-empty { 16 width: 100%; 17 text-align: center; 18 opacity: 0.5; 19 border: none !important; 20 padding-top: 70px !important; 21 } 22 } 23 24 &.redux-templates-frontend-section-list { 25 display: block; 26 padding-bottom: 10px; 27 padding-top: 0px; 28 29 > div { 30 &.redux-templates-reusable-list-title { 31 color: #adafb2; 32 } 33 34 width: 100%; 35 display: flex; 36 flex-wrap: nowrap; 37 border-bottom: 1px solid #e2e4e7; 38 font-weight: 600; 39 padding: 12px 0 12px 15px; 40 margin-bottom: 0; 41 align-items: center; 42 43 &:first-child { 44 border-top: 1px solid #e2e4e7; 45 } 46 47 .redux-templates-reusable-list-content { 48 flex-grow: 1; 49 } 50 51 .redux-templates-reusable-list-info { 52 flex-grow: 1; 53 max-width: 165px; 54 display: flex; 55 flex-wrap: nowrap; 56 } 57 58 .redux-templates-reusable-list-button { 59 margin-left: 30px; 60 } 61 62 .redux-templates-reusable-list-button button { 63 display: inline-block; 64 padding: 0; 65 border: none; 66 transition: 300ms; 67 cursor: pointer; 68 background-color: transparent; 69 70 &:not(:last-child) { 71 margin-right: 10px; 72 } 73 74 i { 75 font-size: 16px; 76 color: #cdcfd1; 77 } 78 79 &:hover i { 80 color: #007cba; 81 } 82 83 &:last-child:hover i { 84 color: #f00; 85 } 86 } 87 } 88 } 89 .redux-templates-pagelist-column.loading { 90 height: 100px; 91 display: flex; 92 align-items: center; 93 justify-content: center; 94 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); 95 } 96 }