.project-details { form { max-width: 700px; width: 100%; } input[type="text"], textarea { @extend %title; } fieldset { margin-bottom: 1rem; } label { @extend %title; display: block; margin-bottom: .2rem; } textarea { height: 10rem; } .privacy-settings { @include table-flex(); margin-bottom: 2rem; div { @include table-flex-child(1, 0, 0, 40%); &:first-child { margin-right: .5rem; } } label { @extend %title; background: $white; border: 1px solid $whitish; cursor: pointer; display: block; text-align: center; } input { &:checked { +label { background: $fresh-taiga; color: $white; } } } } .button-green { color: $white; display: block; text-align: center; } .delete-project { @extend %small; display: block; margin-top: 1rem; } }