ur-ui-kit-tm
Version:
unlimited robotics ui kit
18 lines (17 loc) • 5.67 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var WholeWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n box-sizing: border-box;\n"])));
export var PlacesContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 0;\n padding: 0;\n width: 100%;\n & * .ReactCrop__crop-selection {\n box-shadow: none;\n border: 3px solid #0096c6;\n }\n padding: min(3.2rem, 3.2vw);\n background: #0096c629;\n"], ["\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 0;\n padding: 0;\n width: 100%;\n & * .ReactCrop__crop-selection {\n box-shadow: none;\n border: 3px solid #0096c6;\n }\n padding: min(3.2rem, 3.2vw);\n background: #0096c629;\n"])));
export var ModalBody = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: min(3.2rem, 4vw) min(2.8rem, 2.8vw) min(2.2rem, 2.2vw);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"], ["\n padding: min(3.2rem, 4vw) min(2.8rem, 2.8vw) min(2.2rem, 2.2vw);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
export var AreModalTitle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-align: center;\n font-family: UbuntuMedium;\n font-size: min(2.4rem, 4.8vw);\n line-height: min(2.8rem, 7vw);\n letter-spacing: 0.02rem;\n color: #08183f;\n padding-bottom: min(2.4rem, 3.2vw);\n"], ["\n text-align: center;\n font-family: UbuntuMedium;\n font-size: min(2.4rem, 4.8vw);\n line-height: min(2.8rem, 7vw);\n letter-spacing: 0.02rem;\n color: #08183f;\n padding-bottom: min(2.4rem, 3.2vw);\n"])));
export var InputTitle = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: #7e9586;\n font-family: UbuntuMedium;\n font-size: 1.3rem;\n line-height: 1.5rem;\n text-transform: capitalize;\n display: flex;\n align-items: flex-end;\n letter-spacing: 0.05rem;\n margin-bottom: min(1rem, 1vw);\n"], ["\n color: #7e9586;\n font-family: UbuntuMedium;\n font-size: 1.3rem;\n line-height: 1.5rem;\n text-transform: capitalize;\n display: flex;\n align-items: flex-end;\n letter-spacing: 0.05rem;\n margin-bottom: min(1rem, 1vw);\n"])));
export var ErrorContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n font-family: UbuntuRegular;\n font-size: 1.2rem;\n line-height: 2rem;\n color: #cc0000;\n padding: 1.4rem 0 0;\n text-align: center;\n"], ["\n width: 100%;\n font-family: UbuntuRegular;\n font-size: 1.2rem;\n line-height: 2rem;\n color: #cc0000;\n padding: 1.4rem 0 0;\n text-align: center;\n"])));
export var InputInput = styled.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: none;\n border-bottom: 1px solid #cbd5cf;\n width: 100%;\n margin-bottom: 2rem;\n outline: none;\n font-family: UbuntuMedium;\n font-size: 1.8rem;\n line-height: 2.2rem;\n color: #08183f;\n padding: min(1rem, 1vw) 0;\n letter-spacing: 0.1rem;\n margin: 0 2px;\n"], ["\n border: none;\n border-bottom: 1px solid #cbd5cf;\n width: 100%;\n margin-bottom: 2rem;\n outline: none;\n font-family: UbuntuMedium;\n font-size: 1.8rem;\n line-height: 2.2rem;\n color: #08183f;\n padding: min(1rem, 1vw) 0;\n letter-spacing: 0.1rem;\n margin: 0 2px;\n"])));
export var DateUpdated = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #7e9586;\n font-family: UbuntuMedium;\n font-size: 1.2rem;\n line-height: 1.6rem;\n text-transform: capitalize;\n letter-spacing: 0.05rem;\n margin: 0.8rem 2px;\n"], ["\n color: #7e9586;\n font-family: UbuntuMedium;\n font-size: 1.2rem;\n line-height: 1.6rem;\n text-transform: capitalize;\n letter-spacing: 0.05rem;\n margin: 0.8rem 2px;\n"])));
export var ModalFooter = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin-top: min(3.6rem, 4vw);\n"], ["\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin-top: min(3.6rem, 4vw);\n"])));
export var SubmitButtonContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n width: 16.5rem;\n height: 4rem;\n"], ["\n width: 16.5rem;\n height: 4rem;\n"])));
export var ProcessingButtonContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n height: 4rem;\n pointer-events: none;\n @media (min-width: 768px) {\n margin-left: 3.2rem;\n }\n @media (min-width: 1124px) {\n margin-left: 0;\n }\n"], ["\n width: 100%;\n height: 4rem;\n pointer-events: none;\n @media (min-width: 768px) {\n margin-left: 3.2rem;\n }\n @media (min-width: 1124px) {\n margin-left: 0;\n }\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;