DrPheltRight/rui

View on GitHub
example/stylesheets/base/type.rb

Summary

Maintainability
A
0 mins
Test Coverage
# %type__standard {
#   font: {
#     family: Georgia;
#     weight: 200;
#   }
# }
# %type__title {
#   @extend %type__standard;

#   font: {
#     family: Arial;
#   }
# }
# %type__heavy {
#   font: {
#     weight: 400;
#   }
# }
# %type__emphasis {
#   font: {
#     style: italic;
#   }
# }
# %type__small {
#   font: {
#     size: 0.8em;
#   }
# }
# %type__important {
#   font: {
#     size: 1.6em;
#   }
# }
# %type__large {
#   font: {
#     size: 3em;
#   }
# }

StyleSheet.new(:typography) do
  abstract(:standard, font: '400 12px Georgia')
  abstract(:title, font: { family: :Arial }).extend(typography: :standard)

  abstract(:heavy, font: { weight: 400 })
  abstract(:emphasis, font: { style: :italic })

  abstract(:small, font: { size: '0.8em' })
  abstract(:important, font: { size: '1.6em' })
  abstract(:large, font: { size: '3em' })
end