mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-25 22:37:18 +10:00
72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
@import '../../marketplace.css';
|
|
|
|
:root {
|
|
/*
|
|
These variables are available in global scope through ":root"
|
|
element (<html> tag). Variables with the same names are going to
|
|
overwrite each other if CSS Properties' (PostCSS plugin)
|
|
configuration "preserve: true" is used - meaning that variables
|
|
are left to CSS bundle. We are planning to enable it in the future
|
|
since browsers support CSS Properties already.
|
|
*/
|
|
|
|
--EditListingDescriptionForm_formMargins: {
|
|
margin-bottom: 24px;
|
|
|
|
@media (--viewportMedium) {
|
|
margin-bottom: 32px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.root {
|
|
/* Dimensions */
|
|
width: 100%;
|
|
height: auto;
|
|
|
|
/* Layout */
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
|
|
padding-top: 1px;
|
|
|
|
@media (--viewportMedium) {
|
|
padding-top: 2px;
|
|
}
|
|
}
|
|
|
|
.error {
|
|
color: var(--failColor);
|
|
}
|
|
|
|
.title {
|
|
@apply --EditListingDescriptionForm_formMargins;
|
|
}
|
|
|
|
.description {
|
|
@apply --EditListingDescriptionForm_formMargins;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.buildingInfo {
|
|
@apply --EditListingDescriptionForm_formMargins;
|
|
flex-shrink: 0;
|
|
color: var(--marketplaceColor);
|
|
}
|
|
|
|
.category {
|
|
@apply --EditListingDescriptionForm_formMargins;
|
|
}
|
|
|
|
.submitButton {
|
|
margin-top: auto;
|
|
margin-bottom: 24px;
|
|
flex-shrink: 0;
|
|
|
|
@media (--viewportLarge) {
|
|
display: inline-block;
|
|
width: 241px;
|
|
margin-top: 100px;
|
|
}
|
|
}
|