| @@ -22,8 +22,25 @@ | ||
| 22 | 22 | display: none; |
| 23 | 23 | } |
| 24 | 24 | |
| 25 | 25 | /* Card */ |
| 26 | +#frm-addons-page .frm-card-item { | |
| 27 | + padding: var(--gap-sm) var(--gap-md); | |
| 28 | + gap: 12px; | |
| 29 | + border-color: var(--grey-300); | |
| 30 | + box-shadow: var(--box-shadow-sm); | |
| 31 | + transition: box-shadow 200ms ease-in-out; | |
| 32 | +} | |
| 33 | + | |
| 34 | +#frm-addons-page .frm-card-item:hover { | |
| 35 | + box-shadow: var(--box-shadow-md); | |
| 36 | +} | |
| 37 | + | |
| 38 | +.frm-card-item p, | |
| 39 | +.frm-card-item h3 { | |
| 40 | + margin: 0; | |
| 41 | +} | |
| 42 | + | |
| 26 | 43 | .frm-border-icon > svg { |
| 27 | 44 | width: 24px; |
| 28 | 45 | } |
| 29 | 46 | |
| @@ -41,9 +58,9 @@ | ||
| 41 | 58 | color: #246be8; |
| 42 | 59 | } |
| 43 | 60 | |
| 44 | 61 | .plugin-card-campaign-monitor .frm-border-icon svg { |
| 45 | - color: #7856ff; | |
| 62 | + color: #7856FF; | |
| 46 | 63 | } |
| 47 | 64 | |
| 48 | 65 | .plugin-card-constant-contact .frm-border-icon svg { |
| 49 | 66 | color: #1856ed; |
| @@ -77,15 +94,11 @@ | ||
| 77 | 94 | color: #ff4a00; |
| 78 | 95 | } |
| 79 | 96 | |
| 80 | 97 | .plugin-card-twilio .frm-border-icon svg { |
| 81 | - color: #f22f46; | |
| 98 | + color: #F22F46; | |
| 82 | 99 | } |
| 83 | 100 | |
| 84 | -.plugin-card-n8n .frm-border-icon svg { | |
| 85 | - color: #ea4b71; | |
| 86 | -} | |
| 87 | - | |
| 88 | 101 | .plugin-card-formidable-pro.frm-addon-active .frm_toggle_block { |
| 89 | 102 | pointer-events: none; |
| 90 | 103 | } |
| 91 | 104 | |
| @@ -109,23 +122,25 @@ | ||
| 109 | 122 | } |
| 110 | 123 | |
| 111 | 124 | .frm_loading_button ~ .frm_toggle .frm_toggle_slider { |
| 112 | 125 | opacity: 0.7; |
| 113 | - background: linear-gradient(90deg, var(--grey-200) 25%, var(--grey-300) 50%, var(--grey-200) 75%); | |
| 126 | + background: linear-gradient( | |
| 127 | + 90deg, | |
| 128 | + var(--grey-200) 25%, | |
| 129 | + var(--grey-300) 50%, | |
| 130 | + var(--grey-200) 75% | |
| 131 | + ); | |
| 114 | 132 | background-size: 400% 100%; |
| 115 | 133 | animation: skeleton-animation 3s infinite ease-in-out; |
| 116 | 134 | } |
| 117 | 135 | |
| 118 | 136 | @keyframes skeleton-animation { |
| 119 | - | |
| 120 | 137 | 0% { |
| 121 | 138 | background-position: 0% 0%; |
| 122 | 139 | } |
| 123 | - | |
| 124 | 140 | 50% { |
| 125 | 141 | background-position: 100% 100%; |
| 126 | 142 | } |
| 127 | - | |
| 128 | 143 | 100% { |
| 129 | 144 | background-position: 0% 0%; |
| 130 | 145 | } |
| 131 | 146 | } |
