DrPheltRight/rui

View on GitHub
example/stylesheets/forms/standard_form.rb

Summary

Maintainability
A
0 mins
Test Coverage
# .standard_form {}
# .standard_form__field {
#   @include cf;
# }
# .standard_form__field__label {
#   display: block;
#   @extend %type_standard;
#   @extend %type_bold;
# }
# .standard_form__field__input {
#   appearance: none;
# }
# .standard_form__buttons {
#   @include cf;
# }
# .standard_form__buttons__button {
#   appearance: none;
#   background: blue;
# }
#
StyleSheet.new(:standard_form) do
  field.include(:cf) do
    label(display: :block).extend(type: [:standard, :heavy])
    input(appearance: :none, border: '1px solid grey')
  end

  buttons.include(:cf) do
    button(appearance: :none, background: :blue)
  end
end