Changeset 2366889
- Timestamp:
- 08/22/2020 02:14:20 AM (6 years ago)
- Location:
- foreup-forms/trunk
- Files:
-
- 8 edited
-
README.txt (modified) (2 diffs)
-
assets/css/frontend.css (modified) (1 diff)
-
assets/css/frontend.css.map (modified) (1 diff)
-
assets/js/frontend.js (modified) (7 diffs)
-
assets/src/frontend/App.vue (modified) (12 diffs)
-
package-lock.json (modified) (1 diff)
-
package.json (modified) (1 diff)
-
plugin.php (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
foreup-forms/trunk/README.txt
r2364316 r2366889 5 5 Requires at least: 5.1 6 6 Tested up to: 5.2 7 Stable tag: 1.2. 57 Stable tag: 1.2.6 8 8 Requires PHP: 5.2.4 9 9 License: GPLv2 or later … … 66 66 = 1.2.4 = 67 67 *WP 5.5.0 compatibility 68 69 = 1.2.6 = 70 *specificity in the state selector -
foreup-forms/trunk/assets/css/frontend.css
r2361466 r2366889 1 #form-up-frontend-app[data-v-152fd186]{font-family:Roboto,sans-serif!important;font-size:12px;width:400px;height:fit-content;text-align:center;margin:0 auto}[data-v-152fd186]::-webkit-datetime-edit-text{font-size:12px}input. cell[data-v-152fd186],input.city[data-v-152fd186],input.first[data-v-152fd186],input.home[data-v-152fd186],input.last[data-v-152fd186]{width:45.6%}input[data-v-152fd186]:focus{outline:none}input[data-v-152fd186]::-webkit-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]:-ms-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]::-ms-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]::placeholder{text-align:center;font-size:12px}input[data-v-152fd186]{width:92%}.state[data-v-152fd186]{width:14.5%;text-align-last:center;color:grey;font-size:12px}.zip[data-v-152fd186]{width:30%}.state[data-v-152fd186],input[data-v-152fd186]{height:30px;display:inline-block;text-align:center;border-radius:2px;border:1px solid grey;background-color:#fff;margin-bottom:2px;vertical-align:bottom}optgroup[data-v-152fd186]{font-size:12px}input.birthdate[data-v-152fd186]{color:grey;width:35%;height:31px;font-size:12px}label[data-v-152fd186]{color:#333;font-weight:800;margin-bottom:.5em!important;width:25%;display:inline-block}.submit-button[data-v-152fd186]{width:100px;height:30px;background:#2068b2;color:#fff;border:none;margin:10px auto;display:block;border-radius:2px;cursor:pointer;font:200 12px Roboto,sans-serif!important}.submit-button[data-v-152fd186]:hover{background:#4199f1}.submit-button[data-v-152fd186]:active{background:#134374}#error-snack[data-v-152fd186],#success-snack[data-v-152fd186],#wrong-snack[data-v-152fd186]{visibility:hidden;width:50%;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1000000;left:25vw;bottom:5%}#error-snack.show[data-v-152fd186],#success-snack.show[data-v-152fd186],#wrong-snack.show[data-v-152fd186]{visibility:visible;-webkit-animation:fadein-data-v-152fd186 .5s,fadeout-data-v-152fd186 .5s 2.5s;animation:fadein-data-v-152fd186 .5s,fadeout-data-v-152fd186 .5s 2.5s}.green[data-v-152fd186]{background-color:green}.red[data-v-152fd186]{background-color:red}.orange[data-v-152fd186]{background-color:orange}.spinner-modal[data-v-152fd186]{background-color:rgba(0,0,0,.4);color:#fff;position:fixed;height:100%;width:100%;top:0;left:0;z-index:1000000}.spinner-container[data-v-152fd186]{margin:50vh auto}.flower-spinner[data-v-152fd186],.flower-spinner [data-v-152fd186]{-webkit-box-sizing:border-box;box-sizing:border-box}.flower-spinner[data-v-152fd186]{height:70px;width:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.flower-spinner .dots-container[data-v-152fd186]{height:10px;width:10px}.flower-spinner .smaller-dot[data-v-152fd186]{background:#2068b2;height:100%;width:100%;border-radius:50%;-webkit-animation:flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;animation:flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both}.flower-spinner .bigger-dot[data-v-152fd186]{background:#2068b2;height:100%;width:100%;padding:10%;border-radius:50%;-webkit-animation:flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;animation:flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both}@-webkit-keyframes flower-spinner-bigger-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}25%,75%{-webkit-box-shadow:#2068b2 26px 0 0,#2068b2 -26px 0 0,#2068b2 0 26px 0,#2068b2 0 -26px 0,#2068b2 19px -19px 0,#2068b2 19px 19px 0,#2068b2 -19px -19px 0,#2068b2 -19px 19px 0;box-shadow:26px 0 0 #2068b2,-26px 0 0 #2068b2,0 26px 0 #2068b2,0 -26px 0 #2068b2,19px -19px 0 #2068b2,19px 19px 0 #2068b2,-19px -19px 0 #2068b2,-19px 19px 0 #2068b2}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@keyframes flower-spinner-bigger-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}25%,75%{-webkit-box-shadow:#2068b2 26px 0 0,#2068b2 -26px 0 0,#2068b2 0 26px 0,#2068b2 0 -26px 0,#2068b2 19px -19px 0,#2068b2 19px 19px 0,#2068b2 -19px -19px 0,#2068b2 -19px 19px 0;box-shadow:26px 0 0 #2068b2,-26px 0 0 #2068b2,0 26px 0 #2068b2,0 -26px 0 #2068b2,19px -19px 0 #2068b2,19px 19px 0 #2068b2,-19px -19px 0 #2068b2,-19px 19px 0 #2068b2}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@-webkit-keyframes flower-spinner-smaller-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}25%,75%{-webkit-box-shadow:#2068b2 14px 0 0,#2068b2 -14px 0 0,#2068b2 0 14px 0,#2068b2 0 -14px 0,#2068b2 10px -10px 0,#2068b2 10px 10px 0,#2068b2 -10px -10px 0,#2068b2 -10px 10px 0;box-shadow:14px 0 0 #2068b2,-14px 0 0 #2068b2,0 14px 0 #2068b2,0 -14px 0 #2068b2,10px -10px 0 #2068b2,10px 10px 0 #2068b2,-10px -10px 0 #2068b2,-10px 10px 0 #2068b2}to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@keyframes flower-spinner-smaller-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}25%,75%{-webkit-box-shadow:#2068b2 14px 0 0,#2068b2 -14px 0 0,#2068b2 0 14px 0,#2068b2 0 -14px 0,#2068b2 10px -10px 0,#2068b2 10px 10px 0,#2068b2 -10px -10px 0,#2068b2 -10px 10px 0;box-shadow:14px 0 0 #2068b2,-14px 0 0 #2068b2,0 14px 0 #2068b2,0 -14px 0 #2068b2,10px -10px 0 #2068b2,10px 10px 0 #2068b2,-10px -10px 0 #2068b2,-10px 10px 0 #2068b2}to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@-webkit-keyframes fadein-data-v-152fd186{0%{opacity:0}to{opacity:1}}@keyframes fadein-data-v-152fd186{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout-data-v-152fd186{0%{opacity:1}to{opacity:0}}@keyframes fadeout-data-v-152fd186{0%{opacity:1}to{opacity:0}}@media screen and (max-width:480px){#form-up-frontend-app[data-v-152fd186]{width:90vw}input.cell[data-v-152fd186],input.first[data-v-152fd186],input.home[data-v-152fd186],input.last[data-v-152fd186]{width:92%}}1 #form-up-frontend-app[data-v-152fd186]{font-family:Roboto,sans-serif!important;font-size:12px;width:400px;height:fit-content;text-align:center;margin:0 auto}[data-v-152fd186]::-webkit-datetime-edit-text{font-size:12px}input.formup_cell[data-v-152fd186],input.formup_city[data-v-152fd186],input.formup_first[data-v-152fd186],input.formup_home[data-v-152fd186],input.formup_last[data-v-152fd186]{width:45.6%}input[data-v-152fd186]:focus{outline:none}input[data-v-152fd186]::-webkit-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]:-ms-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]::-ms-input-placeholder{text-align:center;font-size:12px}input[data-v-152fd186]::placeholder{text-align:center;font-size:12px}input[data-v-152fd186]{width:92%}.formup_state[data-v-152fd186]{width:14.5%;text-align-last:center;color:grey;font-size:12px}.formup_zip[data-v-152fd186]{width:30%}.formup_state[data-v-152fd186],input[data-v-152fd186]{height:30px;display:inline-block;text-align:center;border-radius:2px;border:1px solid grey;background-color:#fff;margin-bottom:2px;vertical-align:bottom}optgroup[data-v-152fd186]{font-size:12px}input.formup_birthdate[data-v-152fd186]{color:grey;width:35%;height:31px;font-size:12px}label[data-v-152fd186]{color:#333;font-weight:800;margin-bottom:.5em!important;width:25%;display:inline-block}.submit-button[data-v-152fd186]{width:100px;height:30px;background:#2068b2;color:#fff;border:none;margin:10px auto;display:block;border-radius:2px;cursor:pointer;font:200 12px Roboto,sans-serif!important}.submit-button[data-v-152fd186]:hover{background:#4199f1}.submit-button[data-v-152fd186]:active{background:#134374}#error-snack[data-v-152fd186],#success-snack[data-v-152fd186],#wrong-snack[data-v-152fd186]{visibility:hidden;width:50%;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1000000;left:25vw;bottom:5%}#error-snack.show[data-v-152fd186],#success-snack.show[data-v-152fd186],#wrong-snack.show[data-v-152fd186]{visibility:visible;-webkit-animation:fadein-data-v-152fd186 .5s,fadeout-data-v-152fd186 .5s 2.5s;animation:fadein-data-v-152fd186 .5s,fadeout-data-v-152fd186 .5s 2.5s}.green[data-v-152fd186]{background-color:green}.red[data-v-152fd186]{background-color:red}.orange[data-v-152fd186]{background-color:orange}.spinner-modal[data-v-152fd186]{background-color:rgba(0,0,0,.4);color:#fff;position:fixed;height:100%;width:100%;top:0;left:0;z-index:1000000}.spinner-container[data-v-152fd186]{margin:50vh auto}.flower-spinner[data-v-152fd186],.flower-spinner [data-v-152fd186]{-webkit-box-sizing:border-box;box-sizing:border-box}.flower-spinner[data-v-152fd186]{height:70px;width:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.flower-spinner .dots-container[data-v-152fd186]{height:10px;width:10px}.flower-spinner .smaller-dot[data-v-152fd186]{background:#2068b2;height:100%;width:100%;border-radius:50%;-webkit-animation:flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;animation:flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both}.flower-spinner .bigger-dot[data-v-152fd186]{background:#2068b2;height:100%;width:100%;padding:10%;border-radius:50%;-webkit-animation:flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;animation:flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both}@-webkit-keyframes flower-spinner-bigger-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}25%,75%{-webkit-box-shadow:#2068b2 26px 0 0,#2068b2 -26px 0 0,#2068b2 0 26px 0,#2068b2 0 -26px 0,#2068b2 19px -19px 0,#2068b2 19px 19px 0,#2068b2 -19px -19px 0,#2068b2 -19px 19px 0;box-shadow:26px 0 0 #2068b2,-26px 0 0 #2068b2,0 26px 0 #2068b2,0 -26px 0 #2068b2,19px -19px 0 #2068b2,19px 19px 0 #2068b2,-19px -19px 0 #2068b2,-19px 19px 0 #2068b2}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@keyframes flower-spinner-bigger-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}25%,75%{-webkit-box-shadow:#2068b2 26px 0 0,#2068b2 -26px 0 0,#2068b2 0 26px 0,#2068b2 0 -26px 0,#2068b2 19px -19px 0,#2068b2 19px 19px 0,#2068b2 -19px -19px 0,#2068b2 -19px 19px 0;box-shadow:26px 0 0 #2068b2,-26px 0 0 #2068b2,0 26px 0 #2068b2,0 -26px 0 #2068b2,19px -19px 0 #2068b2,19px 19px 0 #2068b2,-19px -19px 0 #2068b2,-19px 19px 0 #2068b2}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@-webkit-keyframes flower-spinner-smaller-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}25%,75%{-webkit-box-shadow:#2068b2 14px 0 0,#2068b2 -14px 0 0,#2068b2 0 14px 0,#2068b2 0 -14px 0,#2068b2 10px -10px 0,#2068b2 10px 10px 0,#2068b2 -10px -10px 0,#2068b2 -10px 10px 0;box-shadow:14px 0 0 #2068b2,-14px 0 0 #2068b2,0 14px 0 #2068b2,0 -14px 0 #2068b2,10px -10px 0 #2068b2,10px 10px 0 #2068b2,-10px -10px 0 #2068b2,-10px 10px 0 #2068b2}to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@keyframes flower-spinner-smaller-dot-animation-data-v-152fd186{0%,to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}25%,75%{-webkit-box-shadow:#2068b2 14px 0 0,#2068b2 -14px 0 0,#2068b2 0 14px 0,#2068b2 0 -14px 0,#2068b2 10px -10px 0,#2068b2 10px 10px 0,#2068b2 -10px -10px 0,#2068b2 -10px 10px 0;box-shadow:14px 0 0 #2068b2,-14px 0 0 #2068b2,0 14px 0 #2068b2,0 -14px 0 #2068b2,10px -10px 0 #2068b2,10px 10px 0 #2068b2,-10px -10px 0 #2068b2,-10px 10px 0 #2068b2}to{-webkit-box-shadow:#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0,#2068b2 0 0 0;box-shadow:0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2,0 0 0 #2068b2}}@-webkit-keyframes fadein-data-v-152fd186{0%{opacity:0}to{opacity:1}}@keyframes fadein-data-v-152fd186{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout-data-v-152fd186{0%{opacity:1}to{opacity:0}}@keyframes fadeout-data-v-152fd186{0%{opacity:1}to{opacity:0}}@media screen and (max-width:480px){#form-up-frontend-app[data-v-152fd186]{width:90vw}input.formup_cell[data-v-152fd186],input.formup_first[data-v-152fd186],input.formup_home[data-v-152fd186],input.formup_last[data-v-152fd186]{width:92%}} 2 2 /*# sourceMappingURL=frontend.css.map */ -
foreup-forms/trunk/assets/css/frontend.css.map
r2361466 r2366889 1 {"version":3,"sources":["frontend.css"],"names":[],"mappings":"AACA,uCACE,uCAA4C,CAC5C,cAAe,CACf,WAAY,CACZ,kBAAmB,CACnB,iBAAkB,CAClB,aACF,CACA,8CACE,cACF,CACA, 6IAKE,WACF,CACA,6BACE,YACF,CACA,kDACE,iBAAkB,CAClB,cACF,CACA,6CACE,iBAAkB,CAClB,cACF,CACA,8CACE,iBAAkB,CAClB,cACF,CACA,oCACE,iBAAkB,CAClB,cACF,CACA,uBACE,SACF,CACA,wBACE,WAAY,CACZ,sBAAuB,CACvB,UAAW,CACX,cACF,CACA,sBACE,SACF,CACA,+CAEE,WAAY,CACZ,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,qBAAuB,CACvB,iBAAkB,CAClB,qBACF,CACA,0BACE,cACF,CACA,iCACE,UAAW,CACX,SAAU,CACV,WAAY,CACZ,cACF,CACA,uBACE,UAAW,CACX,eAAgB,CAChB,4BAA+B,CAC/B,SAAU,CACV,oBACF,CACA,gCACE,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,UAAY,CACZ,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,yCACF,CACA,sCACE,kBACF,CACA,uCACE,kBACF,CACA,4FAGE,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,SAAU,CACV,SACF,CACA,2GAGE,kBAAmB,CACnB,6EAAgF,CAChF,qEACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,uBACF,CACA,gCACE,+BAAoC,CACpC,UAAW,CACX,cAAe,CACf,WAAY,CACZ,UAAW,CACX,KAAM,CACN,MAAO,CACP,eACF,CACA,oCACE,gBACF,CACA,mEAEE,6BAA8B,CAC9B,qBACF,CACA,iCACE,WAAY,CACZ,UAAW,CACX,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,6BAA8B,CAC9B,4BAA6B,CAC7B,sBAAuB,CACvB,kBAAmB,CACnB,wBAAyB,CACzB,qBAAsB,CACtB,kBAAmB,CACnB,uBAAwB,CACxB,oBAAqB,CACrB,sBAAuB,CACvB,aACF,CACA,iDACE,WAAsB,CACtB,UACF,CACA,8CACE,kBAAmB,CACnB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,4FAA6F,CAC7F,oFACF,CACA,6CACE,kBAAmB,CACnB,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,2FAA4F,CAC5F,mFACF,CACA,uEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,IACI,gCAAiC,CACjC,wBACJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,+BAAiC,CACjC,uBAAyB,CACzB,kIAE+D,CAC/D,0HAGJ,CACA,CACA,+DACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,IACI,gCAAiC,CACjC,wBACJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,+BAAiC,CACjC,uBAAyB,CACzB,kIAE+D,CAC/D,0HAGJ,CACA,CACA,wEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,kIAE+D,CAC/D,0HAGJ,CACA,CACA,gEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,kIAE+D,CAC/D,0HAGJ,CACA,CACA,0CACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,kCACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,2CACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,mCACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,oCACA,uCACI,UACJ,CACA,iHAII,SACJ,CAoBA","file":"frontend.css","sourcesContent":["\n#form-up-frontend-app[data-v-152fd186] {\n font-family: \"Roboto\", sans-serif !important;\n font-size: 12px;\n width: 400px;\n height: fit-content;\n text-align: center;\n margin: 0 auto;\n}\n[data-v-152fd186]::-webkit-datetime-edit-text {\n font-size: 12px;\n}\ninput.first[data-v-152fd186],\ninput.last[data-v-152fd186],\ninput.city[data-v-152fd186],\ninput.home[data-v-152fd186],\ninput.cell[data-v-152fd186] {\n width: 45.6%;\n}\ninput[data-v-152fd186]:focus {\n outline: none;\n}\ninput[data-v-152fd186]::-webkit-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]:-ms-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]::-ms-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]::placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186] {\n width: 92%;\n}\n.state[data-v-152fd186] {\n width: 14.5%;\n text-align-last: center;\n color: grey;\n font-size: 12px;\n}\n.zip[data-v-152fd186] {\n width: 30%;\n}\ninput[data-v-152fd186],\n.state[data-v-152fd186] {\n height: 30px;\n display: inline-block;\n text-align: center;\n border-radius: 2px;\n border: 1px solid gray;\n background-color: white;\n margin-bottom: 2px;\n vertical-align: bottom;\n}\noptgroup[data-v-152fd186] {\n font-size: 12px;\n}\ninput.birthdate[data-v-152fd186] {\n color: grey;\n width: 35%;\n height: 31px;\n font-size: 12px;\n}\nlabel[data-v-152fd186] {\n color: #333;\n font-weight: 800;\n margin-bottom: 0.5em !important;\n width: 25%;\n display: inline-block;\n}\n.submit-button[data-v-152fd186] {\n width: 100px;\n height: 30px;\n background: #2068b2;\n color: white;\n border: none;\n margin: 10px auto;\n display: block;\n border-radius: 2px;\n cursor: pointer;\n font: 200 12px Roboto, sans-serif !important;\n}\n.submit-button[data-v-152fd186]:hover {\n background: #4199f1;\n}\n.submit-button[data-v-152fd186]:active {\n background: #134374;\n}\n#error-snack[data-v-152fd186],\n#success-snack[data-v-152fd186],\n#wrong-snack[data-v-152fd186] {\n visibility: hidden;\n width: 50%;\n color: #fff;\n text-align: center;\n border-radius: 2px;\n padding: 16px;\n position: fixed;\n z-index: 1000000;\n left: 25vw;\n bottom: 5%;\n}\n#error-snack.show[data-v-152fd186],\n#success-snack.show[data-v-152fd186],\n#wrong-snack.show[data-v-152fd186] {\n visibility: visible;\n -webkit-animation: fadein-data-v-152fd186 0.5s,fadeout-data-v-152fd186 0.5s 2.5s;\n animation: fadein-data-v-152fd186 0.5s,fadeout-data-v-152fd186 0.5s 2.5s;\n}\n.green[data-v-152fd186] {\n background-color: green;\n}\n.red[data-v-152fd186] {\n background-color: red;\n}\n.orange[data-v-152fd186] {\n background-color: orange;\n}\n.spinner-modal[data-v-152fd186] {\n background-color: rgba(0, 0, 0, 0.4);\n color: #fff;\n position: fixed;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 1000000;\n}\n.spinner-container[data-v-152fd186] {\n margin: 50vh auto;\n}\n.flower-spinner[data-v-152fd186],\n.flower-spinner *[data-v-152fd186] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.flower-spinner[data-v-152fd186] {\n height: 70px;\n width: 70px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0 auto;\n}\n.flower-spinner .dots-container[data-v-152fd186] {\n height: calc(70px / 7);\n width: calc(70px / 7);\n}\n.flower-spinner .smaller-dot[data-v-152fd186] {\n background: #2068b2;\n height: 100%;\n width: 100%;\n border-radius: 50%;\n -webkit-animation: flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n animation: flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n}\n.flower-spinner .bigger-dot[data-v-152fd186] {\n background: #2068b2;\n height: 100%;\n width: 100%;\n padding: 10%;\n border-radius: 50%;\n -webkit-animation: flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n animation: flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n}\n@-webkit-keyframes flower-spinner-bigger-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n}\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@keyframes flower-spinner-bigger-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n}\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@-webkit-keyframes flower-spinner-smaller-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n}\n100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@keyframes flower-spinner-smaller-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n}\n100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@-webkit-keyframes fadein-data-v-152fd186 {\nfrom {\n /* right: 0; */\n opacity: 0;\n}\nto {\n /* right: 100px; */\n opacity: 1;\n}\n}\n@keyframes fadein-data-v-152fd186 {\nfrom {\n /* right: 0; */\n opacity: 0;\n}\nto {\n /* right: 100px; */\n opacity: 1;\n}\n}\n@-webkit-keyframes fadeout-data-v-152fd186 {\nfrom {\n /* right: 100px; */\n opacity: 1;\n}\nto {\n /* right: 0; */\n opacity: 0;\n}\n}\n@keyframes fadeout-data-v-152fd186 {\nfrom {\n /* right: 100px; */\n opacity: 1;\n}\nto {\n /* right: 0; */\n opacity: 0;\n}\n}\n@media screen and (max-width: 480px) {\n#form-up-frontend-app[data-v-152fd186] {\n width: 90vw;\n}\ninput.first[data-v-152fd186],\n input.last[data-v-152fd186],\n input.home[data-v-152fd186],\n input.cell[data-v-152fd186] {\n width: 92%;\n}\n\n /* .state {\n width: 14.5%;\n text-align-last: center;\n color: grey;\n font-size: 12px;\n } */\n\n /* .zip {\n width: 30%;\n } */\n\n /* input.birthdate {\n width: 35%;\n }\n \n label {\n width: 25%;\n } */\n}\n"]}1 {"version":3,"sources":["frontend.css"],"names":[],"mappings":"AACA,uCACE,uCAA4C,CAC5C,cAAe,CACf,WAAY,CACZ,kBAAmB,CACnB,iBAAkB,CAClB,aACF,CACA,8CACE,cACF,CACA,gLAKE,WACF,CACA,6BACE,YACF,CACA,kDACE,iBAAkB,CAClB,cACF,CACA,6CACE,iBAAkB,CAClB,cACF,CACA,8CACE,iBAAkB,CAClB,cACF,CACA,oCACE,iBAAkB,CAClB,cACF,CACA,uBACE,SACF,CACA,+BACE,WAAY,CACZ,sBAAuB,CACvB,UAAW,CACX,cACF,CACA,6BACE,SACF,CACA,sDAEE,WAAY,CACZ,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,qBAAuB,CACvB,iBAAkB,CAClB,qBACF,CACA,0BACE,cACF,CACA,wCACE,UAAW,CACX,SAAU,CACV,WAAY,CACZ,cACF,CACA,uBACE,UAAW,CACX,eAAgB,CAChB,4BAA+B,CAC/B,SAAU,CACV,oBACF,CACA,gCACE,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,UAAY,CACZ,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,yCACF,CACA,sCACE,kBACF,CACA,uCACE,kBACF,CACA,4FAGE,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,SAAU,CACV,SACF,CACA,2GAGE,kBAAmB,CACnB,6EAAgF,CAChF,qEACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,uBACF,CACA,gCACE,+BAAoC,CACpC,UAAW,CACX,cAAe,CACf,WAAY,CACZ,UAAW,CACX,KAAM,CACN,MAAO,CACP,eACF,CACA,oCACE,gBACF,CACA,mEAEE,6BAA8B,CAC9B,qBACF,CACA,iCACE,WAAY,CACZ,UAAW,CACX,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,6BAA8B,CAC9B,4BAA6B,CAC7B,sBAAuB,CACvB,kBAAmB,CACnB,wBAAyB,CACzB,qBAAsB,CACtB,kBAAmB,CACnB,uBAAwB,CACxB,oBAAqB,CACrB,sBAAuB,CACvB,aACF,CACA,iDACE,WAAsB,CACtB,UACF,CACA,8CACE,kBAAmB,CACnB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,4FAA6F,CAC7F,oFACF,CACA,6CACE,kBAAmB,CACnB,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,2FAA4F,CAC5F,mFACF,CACA,uEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,IACI,gCAAiC,CACjC,wBACJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,+BAAiC,CACjC,uBAAyB,CACzB,kIAE+D,CAC/D,0HAGJ,CACA,CACA,+DACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,IACI,gCAAiC,CACjC,wBACJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,+BAAiC,CACjC,uBAAyB,CACzB,kIAE+D,CAC/D,0HAGJ,CACA,CACA,wEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,kIAE+D,CAC/D,0HAGJ,CACA,CACA,gEACA,MAEI,kIAE+D,CAC/D,0HAGJ,CACA,QAEI,4KAEwE,CACxE,oKAGJ,CACA,GACI,kIAE+D,CAC/D,0HAGJ,CACA,CACA,0CACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,kCACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,2CACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,mCACA,GAEI,SACJ,CACA,GAEI,SACJ,CACA,CACA,oCACA,uCACI,UACJ,CACA,6IAII,SACJ,CAoBA","file":"frontend.css","sourcesContent":["\n#form-up-frontend-app[data-v-152fd186] {\n font-family: \"Roboto\", sans-serif !important;\n font-size: 12px;\n width: 400px;\n height: fit-content;\n text-align: center;\n margin: 0 auto;\n}\n[data-v-152fd186]::-webkit-datetime-edit-text {\n font-size: 12px;\n}\ninput.formup_first[data-v-152fd186],\ninput.formup_last[data-v-152fd186],\ninput.formup_city[data-v-152fd186],\ninput.formup_home[data-v-152fd186],\ninput.formup_cell[data-v-152fd186] {\n width: 45.6%;\n}\ninput[data-v-152fd186]:focus {\n outline: none;\n}\ninput[data-v-152fd186]::-webkit-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]:-ms-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]::-ms-input-placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186]::placeholder {\n text-align: center;\n font-size: 12px;\n}\ninput[data-v-152fd186] {\n width: 92%;\n}\n.formup_state[data-v-152fd186] {\n width: 14.5%;\n text-align-last: center;\n color: grey;\n font-size: 12px;\n}\n.formup_zip[data-v-152fd186] {\n width: 30%;\n}\ninput[data-v-152fd186],\n.formup_state[data-v-152fd186] {\n height: 30px;\n display: inline-block;\n text-align: center;\n border-radius: 2px;\n border: 1px solid gray;\n background-color: white;\n margin-bottom: 2px;\n vertical-align: bottom;\n}\noptgroup[data-v-152fd186] {\n font-size: 12px;\n}\ninput.formup_birthdate[data-v-152fd186] {\n color: grey;\n width: 35%;\n height: 31px;\n font-size: 12px;\n}\nlabel[data-v-152fd186] {\n color: #333;\n font-weight: 800;\n margin-bottom: 0.5em !important;\n width: 25%;\n display: inline-block;\n}\n.submit-button[data-v-152fd186] {\n width: 100px;\n height: 30px;\n background: #2068b2;\n color: white;\n border: none;\n margin: 10px auto;\n display: block;\n border-radius: 2px;\n cursor: pointer;\n font: 200 12px Roboto, sans-serif !important;\n}\n.submit-button[data-v-152fd186]:hover {\n background: #4199f1;\n}\n.submit-button[data-v-152fd186]:active {\n background: #134374;\n}\n#error-snack[data-v-152fd186],\n#success-snack[data-v-152fd186],\n#wrong-snack[data-v-152fd186] {\n visibility: hidden;\n width: 50%;\n color: #fff;\n text-align: center;\n border-radius: 2px;\n padding: 16px;\n position: fixed;\n z-index: 1000000;\n left: 25vw;\n bottom: 5%;\n}\n#error-snack.show[data-v-152fd186],\n#success-snack.show[data-v-152fd186],\n#wrong-snack.show[data-v-152fd186] {\n visibility: visible;\n -webkit-animation: fadein-data-v-152fd186 0.5s,fadeout-data-v-152fd186 0.5s 2.5s;\n animation: fadein-data-v-152fd186 0.5s,fadeout-data-v-152fd186 0.5s 2.5s;\n}\n.green[data-v-152fd186] {\n background-color: green;\n}\n.red[data-v-152fd186] {\n background-color: red;\n}\n.orange[data-v-152fd186] {\n background-color: orange;\n}\n.spinner-modal[data-v-152fd186] {\n background-color: rgba(0, 0, 0, 0.4);\n color: #fff;\n position: fixed;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 1000000;\n}\n.spinner-container[data-v-152fd186] {\n margin: 50vh auto;\n}\n.flower-spinner[data-v-152fd186],\n.flower-spinner *[data-v-152fd186] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.flower-spinner[data-v-152fd186] {\n height: 70px;\n width: 70px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0 auto;\n}\n.flower-spinner .dots-container[data-v-152fd186] {\n height: calc(70px / 7);\n width: calc(70px / 7);\n}\n.flower-spinner .smaller-dot[data-v-152fd186] {\n background: #2068b2;\n height: 100%;\n width: 100%;\n border-radius: 50%;\n -webkit-animation: flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n animation: flower-spinner-smaller-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n}\n.flower-spinner .bigger-dot[data-v-152fd186] {\n background: #2068b2;\n height: 100%;\n width: 100%;\n padding: 10%;\n border-radius: 50%;\n -webkit-animation: flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n animation: flower-spinner-bigger-dot-animation-data-v-152fd186 2.5s 0s infinite both;\n}\n@-webkit-keyframes flower-spinner-bigger-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n}\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@keyframes flower-spinner-bigger-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n box-shadow: #2068b2 26px 0px 0px, #2068b2 -26px 0px 0px,\n #2068b2 0px 26px 0px, #2068b2 0px -26px 0px, #2068b2 19px -19px 0px,\n #2068b2 19px 19px 0px, #2068b2 -19px -19px 0px, #2068b2 -19px 19px 0px;\n}\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@-webkit-keyframes flower-spinner-smaller-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n}\n100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@keyframes flower-spinner-smaller-dot-animation-data-v-152fd186 {\n0%,\n 100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n25%,\n 75% {\n -webkit-box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n box-shadow: #2068b2 14px 0px 0px, #2068b2 -14px 0px 0px,\n #2068b2 0px 14px 0px, #2068b2 0px -14px 0px, #2068b2 10px -10px 0px,\n #2068b2 10px 10px 0px, #2068b2 -10px -10px 0px, #2068b2 -10px 10px 0px;\n}\n100% {\n -webkit-box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n box-shadow: #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px, #2068b2 0px 0px 0px,\n #2068b2 0px 0px 0px, #2068b2 0px 0px 0px;\n}\n}\n@-webkit-keyframes fadein-data-v-152fd186 {\nfrom {\n /* right: 0; */\n opacity: 0;\n}\nto {\n /* right: 100px; */\n opacity: 1;\n}\n}\n@keyframes fadein-data-v-152fd186 {\nfrom {\n /* right: 0; */\n opacity: 0;\n}\nto {\n /* right: 100px; */\n opacity: 1;\n}\n}\n@-webkit-keyframes fadeout-data-v-152fd186 {\nfrom {\n /* right: 100px; */\n opacity: 1;\n}\nto {\n /* right: 0; */\n opacity: 0;\n}\n}\n@keyframes fadeout-data-v-152fd186 {\nfrom {\n /* right: 100px; */\n opacity: 1;\n}\nto {\n /* right: 0; */\n opacity: 0;\n}\n}\n@media screen and (max-width: 480px) {\n#form-up-frontend-app[data-v-152fd186] {\n width: 90vw;\n}\ninput.formup_first[data-v-152fd186],\n input.formup_last[data-v-152fd186],\n input.formup_home[data-v-152fd186],\n input.formup_cell[data-v-152fd186] {\n width: 92%;\n}\n\n /* .state {\n width: 14.5%;\n text-align-last: center;\n color: grey;\n font-size: 12px;\n } */\n\n /* .zip {\n width: 30%;\n } */\n\n /* input.birthdate {\n width: 35%;\n }\n \n label {\n width: 25%;\n } */\n}\n"]} -
foreup-forms/trunk/assets/js/frontend.js
r2361506 r2366889 114 114 } 115 115 ], 116 staticClass: "f irst",116 staticClass: "formup_first", 117 117 attrs: { 118 118 placeholder: "First Name*", … … 141 141 } 142 142 ], 143 staticClass: " last",143 staticClass: "formup_last", 144 144 attrs: { 145 145 placeholder: "Last Name*", … … 191 191 } 192 192 ], 193 staticClass: " home",193 staticClass: "formup_home", 194 194 attrs: { placeholder: _vm.homePhoneHold, type: "text", size: "40" }, 195 195 domProps: { value: _vm.form.homePhone }, … … 215 215 } 216 216 ], 217 staticClass: " cell",217 staticClass: "formup_cell", 218 218 attrs: { placeholder: _vm.cellPhoneHold, type: "text", size: "40" }, 219 219 domProps: { value: _vm.form.cellPhone }, … … 285 285 } 286 286 ], 287 staticClass: " city",287 staticClass: "formup_city", 288 288 attrs: { placeholder: _vm.cityHold, type: "text", size: "40" }, 289 289 domProps: { value: _vm.form.city }, … … 311 311 } 312 312 ], 313 staticClass: " state",313 staticClass: "formup_state", 314 314 attrs: { name: "state" }, 315 315 on: { … … 492 492 } 493 493 ], 494 staticClass: " birthdate",494 staticClass: "formup_birthdate", 495 495 attrs: { type: "date" }, 496 496 domProps: { value: _vm.form.birthdate }, -
foreup-forms/trunk/assets/src/frontend/App.vue
r2361506 r2366889 3 3 <h2>{{settings.header}}</h2> 4 4 <input 5 class="f irst"5 class="formup_first" 6 6 placeholder="First Name*" 7 7 type="text" … … 11 11 > 12 12 <input 13 class=" last"13 class="formup_last" 14 14 placeholder="Last Name*" 15 15 type="text" … … 20 20 <input class="email" placeholder="Email*" type="email" v-model="form.email" size="40"> 21 21 <input 22 class=" home"22 class="formup_home" 23 23 :placeholder="homePhoneHold" 24 24 type="text" … … 28 28 > 29 29 <input 30 class=" cell"30 class="formup_cell" 31 31 :placeholder="cellPhoneHold" 32 32 type="text" … … 50 50 > 51 51 <input 52 class=" city"52 class="formup_city" 53 53 :placeholder="cityHold" 54 54 type="text" … … 57 57 v-if="settings.city" 58 58 > 59 <select class=" state" v-model="form.state" name="state" v-if="settings.state">59 <select class="formup_state" v-model="form.state" name="state" v-if="settings.state"> 60 60 <optgroup> 61 61 <option value selected disabled hidden>{{stateHold}}</option> … … 123 123 > 124 124 <label for="birthdate" v-if="settings.birthdate">{{birthdateHold}}:</label> 125 <input class=" birthdate" type="date" v-model="form.birthdate" v-if="settings.birthdate">125 <input class="formup_birthdate" type="date" v-model="form.birthdate" v-if="settings.birthdate"> 126 126 <button @click="checkForm(form)" class="submit-button">Sign Up!</button> 127 127 <div id="error-snack"> … … 442 442 } 443 443 444 input.f irst,445 input. last,446 input. city,447 input. home,448 input. cell {444 input.formup_first, 445 input.formup_last, 446 input.formup_city, 447 input.formup_home, 448 input.formup_cell { 449 449 width: 45.6%; 450 450 } … … 477 477 width: 92%; 478 478 } 479 . state {479 .formup_state { 480 480 width: 14.5%; 481 481 text-align-last: center; … … 484 484 } 485 485 486 . zip {486 .formup_zip { 487 487 width: 30%; 488 488 } 489 489 input, 490 . state {490 .formup_state { 491 491 height: 30px; 492 492 display: inline-block; … … 503 503 } 504 504 505 input. birthdate {505 input.formup_birthdate { 506 506 color: grey; 507 507 width: 35%; … … 822 822 } 823 823 824 input.f irst,825 input. last,826 input. home,827 input. cell {824 input.formup_first, 825 input.formup_last, 826 input.formup_home, 827 input.formup_cell { 828 828 width: 92%; 829 829 } -
foreup-forms/trunk/package-lock.json
r2364316 r2366889 1 1 { 2 2 "name": "foreup-forms", 3 "version": "1.2. 5",3 "version": "1.2.6", 4 4 "lockfileVersion": 1, 5 5 "requires": true, -
foreup-forms/trunk/package.json
r2364316 r2366889 1 1 { 2 2 "name": "foreup-forms", 3 "version": "1.2. 5",3 "version": "1.2.6", 4 4 "description": "Forms that integrate with foreUP Golf Software", 5 5 "author": "Nathan Johnson <nathan@foreup.com>", -
foreup-forms/trunk/plugin.php
r2364316 r2366889 4 4 Plugin URI: https://foreup.com/ 5 5 Description: Forms that integrate with foreUP Golf Software 6 Version: 1.2. 56 Version: 1.2.6 7 7 Author: foreUP Software 8 8 Author URI: https://freakingjohnson.github.io/portfolio/ … … 57 57 * @var string 58 58 */ 59 public $version = '1.2. 5';59 public $version = '1.2.6'; 60 60 61 61 /**
Note: See TracChangeset
for help on using the changeset viewer.