From aca8a4abcf665893e28c90d11d81db8f6809dd24 Mon Sep 17 00:00:00 2001 From: Kendrick Arnett Date: Wed, 22 Nov 2017 10:34:12 -0600 Subject: [PATCH] fix(Forms): Reduce form selector complexity. --- rocketbelt/components/forms/_forms.scss | 53 +++++++++++-------------- 1 file changed, 23 insertions(+), 30 deletions(-) diff --git a/rocketbelt/components/forms/_forms.scss b/rocketbelt/components/forms/_forms.scss index 271d7c9c..fbfc52c8 100644 --- a/rocketbelt/components/forms/_forms.scss +++ b/rocketbelt/components/forms/_forms.scss @@ -276,47 +276,40 @@ textarea { } .form-group { - input, - select, - textarea { + label::after { + font-size: font-size(-2); + } + + [required] { & + label::after { - font-size: font-size(-2); + content: unicode(nbsp) + '(required)'; } + } - &[required] { - & + label::after { - content: unicode(nbsp) + '(required)'; - } + :not([required]) { + & + label::after { + content: unicode(nbsp) + '(optional)'; } + } - &:not([required]) { - & + label::after { - content: unicode(nbsp) + '(optional)'; - } - } - &.read-only { - &[disabled] { - & ~ label::after { - content: none; - } + .read-only { + &[disabled] { + & ~ label::after { + content: none; } } } - &.required-suppressed { - input, - select, - textarea { - &[required] { - & + label::after { - content: ''; - } + .required-suppressed { + [required] { + & + label::after { + content: ''; } + } - &:not([required]) { - & + label::after { - content: ''; - } + :not([required]) { + & + label::after { + content: ''; } } }