Files
bigcapital/client/src/style/components/PageForm.scss

65 lines
1.3 KiB
SCSS

// .page-form
// > .page-form__header
// > .page-form__content
// > .page-form__floating-actions
.page-form {
$self: '.page-form';
padding-bottom: 20px;
&__floating-actions {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
padding: 14px 18px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
.bp3-button-group{
.bp3-button{
&:not(:last-child),
&.bp3-popover-wrapper:not(:last-child) {
border-right: 1px solid rgba(92, 112, 127, 0.3);
margin-right: 0;
&.bp3-intent-primary{
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
}
}
}
}
&--strip {
#{$self}__header-fields {
width: 85%;
}
#{$self}__body,
#{$self}__footer {
max-width: 1200px;
}
#{$self}__header {
background-color: #fbfbfb;
padding: 30px 20px 0;
border-bottom: 1px solid #d2dce2;
.bp3-form-group.bp3-inline label.bp3-label {
font-weight: 500;
}
}
#{$self}__body {
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
}
#{$self}__footer {
margin: 25px 0 0 0;
padding-left: 20px;
padding-right: 20px;
}
}
}