fixes code organization for default template widths

This commit is contained in:
James
2018-08-07 11:26:55 -04:00
parent f916469fe4
commit ae5a469cd2
3 changed files with 4 additions and 6 deletions

View File

@@ -34,7 +34,7 @@ class Add extends Component {
<APIUrl url={this.state.apiUrl} /> <APIUrl url={this.state.apiUrl} />
<div className="controls"> <div className="controls">
<Button type="secondary">Preview</Button> <Button type="secondary">Preview</Button>
<Button>Publish</Button> <Button>Save</Button>
</div> </div>
</StickOnScroll> </StickOnScroll>
<Form method="POST" action="#"> <Form method="POST" action="#">

View File

@@ -2,8 +2,5 @@
.default-template { .default-template {
@include default-template-width; @include default-template-width;
padding-top: rem(1);
.emblem {
width: $base;
}
} }

View File

@@ -6,7 +6,8 @@
///////////////////////////// /////////////////////////////
@mixin default-template-width { @mixin default-template-width {
padding: rem(1) rem(1) rem(1) 0; padding-left: rem(1);
padding-right: rem(1);
margin-left: rem(6); margin-left: rem(6);
width: calc(100% - #{rem(6)}); width: calc(100% - #{rem(6)});