This repository has been archived on 2024-06-26. You can view files and clone it, but cannot push or open issues or pull requests.
sakura/resources/assets/less/nova/bem/form.less

53 lines
1.2 KiB
Text
Raw Normal View History

.form {
&__text {
background: fade(@grey-0, 50%);
border: 0;
border-radius: 2px;
font-size: 1.5em;
margin-bottom: @general-spacing;
box-shadow: inset 0 @global-shadow-distance @global-inner-shadow-size fade(@grey-0, @global-shadow-opacity);
padding: @general-spacing;
color: @grey-f;
font-family: inherit;
width: 100%;
}
&__status {
background: @grey-3;
margin: -@general-spacing;
margin-bottom: @general-spacing;
height: 40px;
display: flex;
align-items: center;
&-icon {
width: 40px;
height: 40px;
background: fade(@grey-0, 50%);
font-family: FontAwesome;
display: inline-flex;
align-items: center;
justify-content: center;
&:before {
content: "\f054";
}
}
&-text {
flex-grow: 1;
text-align: left;
padding: 0 (@general-spacing * 4);
font-size: .8em;
}
&--fail {
background: @red;
.form__status-icon:before {
content: "\f071";
}
}
}
}