JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<div id="app" style="--button_default:linear-gradient(to top ,rgba(42, 145, 157, 1) 0% ,rgba(42, 145, 157, 1) 100%); --accent_default:rgba(214, 104, 121, 1); --button_pressed:linear-gradient(to top ,rgba(42, 145, 157, 0.8) 0% ,rgba(42, 145, 157, 0.8) 100%); --button_disabled:linear-gradient(to top ,rgba(171, 171, 173, 1) 0% ,rgba(171, 171, 173, 1) 100%); --icon_active:rgba(44, 44, 49, 1); --icon_pressed:rgba(44, 44, 49, 0.4); --icon_idle:rgba(171, 171, 173, 1); --icon_invert:rgba(255, 255, 255, 1); --background_default:rgba(255, 255, 255, 1); --background_poop:rgba(247, 247, 247, 1); --line_default:rgba(44, 44, 49, 0.15); --line_error:rgba(218, 5, 5, 1); --line_selected:rgba(171, 171, 173, 1); --line_button_default:rgba(44, 44, 49, 1); --line_button_pressed:rgba(65, 65, 69, 1); --line_button_invert_default:rgba(171, 171, 173, 1); --line_button_invert_pressed:rgba(224, 224, 224, 1); --bottom_bar:linear-gradient(to top ,rgba(255, 255, 255, 1) 0% ,rgba(255, 255, 255, 0.9) 50% ,rgba(255, 255, 255, 0) 100%); --image_filter_dark:rgba(44, 44, 49, 0.6); --shadow:0 6px 16px 0 rgba(44, 44, 49, 0.15); --shadow_circle:0 2px 8px 0 rgba(44, 44, 49, 0.15); --welcome_image:url(https\:\/\/s3\.eu-central-1\.amazonaws\.com\/menu\.api\.demo\/app_brandings\/brand_4\/Kiosk\/welcome\.png); --header_image:url(https\:\/\/s3\.eu-central-1\.amazonaws\.com\/menu\.api\.demo\/app_brandings\/brand_4\/Kiosk\/header\.png); --cart_image:url(https\:\/\/s3\.eu-central-1\.amazonaws\.com\/menu\.api\.demo\/app_brandings\/brand_4\/Kiosk\/cart-bg\.png); --line_button_default_disabled:[object Object]; --font_light:300; --font_regular:400; --font_medium:600; --font_bold:700; --border_bold:0.18vw; --border_thin:0.09vw; --border_radius_default:0.74vw; --border_radius_small:0.37vw; --border_radius_round:50%; --item_wrap_border_radius:0; --item_wrap_border:0 solid rgba(44, 44, 49, 0); --item_wrap_shadow:0 5px 16px 0 rgba(44, 44, 49, 0); --item_img_border_radius:0; --item_price_text:normal 400 20px/27px...