#PostEditContent {
@include display(flex); @include flex-direction(column);
}
#PostsEdit, #PostsShow {
background-color: white; & > section { margin: 0 auto; @include flex(1 80%); }
}
#PostsEdit > header + section, #PostsShow > header + section {
margin-top: 214px;
}
body.posts section.new.post {
@include display(flex);
}
body.posts form.new.post {
@include display(flex); @include align-items(center); @include justify-content(center); @include flex-direction(column); @include flex(1); fieldset, ul.errors { max-width: 500px; width: 80vw; margin: 0 auto; input { width: 100%; } } fieldset { &.errors input { border: 1px solid darken($red, 5%); border-radius: 2px 2px 0 0; } input { font-size: 1.5em; line-height: 2em; border: 1px solid lighten($gray-blue, 25%); } } ul.errors { text-align: center; background-color: $red; border-radius: 0px 0px 2px 2px; border-left: 1px solid darken($red, 5%); border-right: 1px solid darken($red, 5%); border-bottom: 1px solid darken($red, 5%); color: darken($red, 50%); text-shadow: 0 1px lighten($red, 5%); }
}