kwikid-components-react
Version:
KwikID's Component Library in React
54 lines (49 loc) • 1.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikIDFormFieldTypeTitle = exports.KwikIDFormFieldTypeApiContainer = exports.KwikIDFormFieldTypeApi = exports.FormMain = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const FormMain = exports.FormMain = _styledComponents.default.div`
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: 0rem 1rem;
& > *:not(:last-child) {
margin-bottom: 1rem;
}
`;
const KwikIDFormFieldTypeTitle = exports.KwikIDFormFieldTypeTitle = _styledComponents.default.div`
border-left: 0.25rem solid var(--kwikui-color-primary);
padding: 0.75rem;
font-size: 1.4em;
font-weight: bold;
background-color: #f5f5f5;
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
& > *:not(:last-child) {
margin-right: 0.5rem;
}
&:not(:first-child) {
margin-top: 0.5rem;
}
`;
const KwikIDFormFieldTypeApi = exports.KwikIDFormFieldTypeApi = _styledComponents.default.div`
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
& > *:not(:last-child) {
margin-right: 0.5rem;
}
`;
const KwikIDFormFieldTypeApiContainer = exports.KwikIDFormFieldTypeApiContainer = _styledComponents.default.div`
& > *:not(:last-child) {
margin-bottom: 0.25rem;
}
`;