| @@ -22,25 +22,8 @@ | ||
| 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 | - | |
| 43 | 26 | .frm-border-icon > svg { |
| 44 | 27 | width: 24px; |
| 45 | 28 | } |
| 46 | 29 | |
| @@ -58,9 +41,9 @@ | ||
| 58 | 41 | color: #246be8; |
| 59 | 42 | } |
| 60 | 43 | |
| 61 | 44 | .plugin-card-campaign-monitor .frm-border-icon svg { |
| 62 | - color: #7856FF; | |
| 45 | + color: #7856ff; | |
| 63 | 46 | } |
| 64 | 47 | |
| 65 | 48 | .plugin-card-constant-contact .frm-border-icon svg { |
| 66 | 49 | color: #1856ed; |
| @@ -94,13 +77,13 @@ | ||
| 94 | 77 | color: #ff4a00; |
| 95 | 78 | } |
| 96 | 79 | |
| 97 | 80 | .plugin-card-twilio .frm-border-icon svg { |
| 98 | - color: #F22F46; | |
| 81 | + color: #f22f46; | |
| 99 | 82 | } |
| 100 | 83 | |
| 101 | 84 | .plugin-card-n8n .frm-border-icon svg { |
| 102 | - color: #EA4B71; | |
| 85 | + color: #ea4b71; | |
| 103 | 86 | } |
| 104 | 87 | |
| 105 | 88 | .plugin-card-formidable-pro.frm-addon-active .frm_toggle_block { |
| 106 | 89 | pointer-events: none; |
| @@ -126,25 +109,23 @@ | ||
| 126 | 109 | } |
| 127 | 110 | |
| 128 | 111 | .frm_loading_button ~ .frm_toggle .frm_toggle_slider { |
| 129 | 112 | opacity: 0.7; |
| 130 | - background: linear-gradient( | |
| 131 | - 90deg, | |
| 132 | - var(--grey-200) 25%, | |
| 133 | - var(--grey-300) 50%, | |
| 134 | - var(--grey-200) 75% | |
| 135 | - ); | |
| 113 | + background: linear-gradient(90deg, var(--grey-200) 25%, var(--grey-300) 50%, var(--grey-200) 75%); | |
| 136 | 114 | background-size: 400% 100%; |
| 137 | 115 | animation: skeleton-animation 3s infinite ease-in-out; |
| 138 | 116 | } |
| 139 | 117 | |
| 140 | 118 | @keyframes skeleton-animation { |
| 119 | + | |
| 141 | 120 | 0% { |
| 142 | 121 | background-position: 0% 0%; |
| 143 | 122 | } |
| 123 | + | |
| 144 | 124 | 50% { |
| 145 | 125 | background-position: 100% 100%; |
| 146 | 126 | } |
| 127 | + | |
| 147 | 128 | 100% { |
| 148 | 129 | background-position: 0% 0%; |
| 149 | 130 | } |
| 150 | 131 | } |
