| @@ -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; |
| @@ -76,16 +93,8 @@ | ||
| 76 | 93 | .plugin-card-zapier .frm-border-icon svg { |
| 77 | 94 | color: #ff4a00; |
| 78 | 95 | } |
| 79 | 96 | |
| 80 | -.plugin-card-twilio .frm-border-icon svg { | |
| 81 | - color: #f22f46; | |
| 82 | -} | |
| 83 | - | |
| 84 | -.plugin-card-n8n .frm-border-icon svg { | |
| 85 | - color: #ea4b71; | |
| 86 | -} | |
| 87 | - | |
| 88 | 97 | .plugin-card-formidable-pro.frm-addon-active .frm_toggle_block { |
| 89 | 98 | pointer-events: none; |
| 90 | 99 | } |
| 91 | 100 | |
| @@ -109,23 +118,25 @@ | ||
| 109 | 118 | } |
| 110 | 119 | |
| 111 | 120 | .frm_loading_button ~ .frm_toggle .frm_toggle_slider { |
| 112 | 121 | opacity: 0.7; |
| 113 | - background: linear-gradient(90deg, var(--grey-200) 25%, var(--grey-300) 50%, var(--grey-200) 75%); | |
| 122 | + background: linear-gradient( | |
| 123 | + 90deg, | |
| 124 | + var(--grey-200) 25%, | |
| 125 | + var(--grey-300) 50%, | |
| 126 | + var(--grey-200) 75% | |
| 127 | + ); | |
| 114 | 128 | background-size: 400% 100%; |
| 115 | 129 | animation: skeleton-animation 3s infinite ease-in-out; |
| 116 | 130 | } |
| 117 | 131 | |
| 118 | 132 | @keyframes skeleton-animation { |
| 119 | - | |
| 120 | 133 | 0% { |
| 121 | 134 | background-position: 0% 0%; |
| 122 | 135 | } |
| 123 | - | |
| 124 | 136 | 50% { |
| 125 | 137 | background-position: 100% 100%; |
| 126 | 138 | } |
| 127 | - | |
| 128 | 139 | 100% { |
| 129 | 140 | background-position: 0% 0%; |
| 130 | 141 | } |
| 131 | 142 | } |
