m3-academy-template-vtexio/storefront/styles/sass/general/vtex.flex-layout.scss
Caroline Moran f2a03c53ae first commit
2022-08-11 09:06:07 -04:00

81 lines
1.6 KiB
SCSS

.flexRow--top-bar {
background: #c4c4c4;
height: 28px;
}
.flexRow--deals {
background-color: #C4C4C4;
padding: 17px 0px;
}
.flexRow--deals .stretchChildrenWidth {
align-items: center;
}
.flexRowContent--m3-brands {
justify-content: center;
}
.flexRow--m3-brands {
margin-top: 80px;
}
.flexRow--fc-form {
max-width: 1126px;
margin: 0 auto;
margin-bottom: 135px;
}
.flexCol--fc-form-items :global(.vtex-input__label)::after,
.flexCol--fc-form-items :global(.vtex-dropdown__label)::after {
content: "*";
display: inline-block;
color: #a70505;
}
.flexCol--fc-form-items :global(.vtex-input__label),
.flexCol--fc-form-items :global(.vtex-dropdown__label) {
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #666666;
}
.flexCol--fc-form-items :global(.vtex-button) {
float: right;
font-weight: bold;
font-size: 16px;
line-height: 16px;
text-align: center;
text-transform: capitalize;
color: #ffffff;
margin-top: 56px;
}
.flexCol--fc-form-items :global(.vtex-input-prefix__group) {
margin-bottom: 13px;
}
.flexCol--fc-form-items {
max-width: 694px;
padding: 29px 15px;
box-shadow: 0px 1px 2px rgba(34, 36, 38, 0.15);
border: 1px solid rgba(34, 36, 38, 0.15);
border-radius: 4px;
}
@media only screen and (max-width: 1025px) {
.flexRowContent--m3-brands {
flex-direction: column;
}
}
.flexRowContent--drawer-top-content {
padding: 0 8px;
}
.flexRow--drawer-top-content {
margin-left: -1rem;
margin-right: -1rem;
}
.flexCol--mobile-links-container {
border-bottom: 1px solid #e5e5e5;
}