Module: ContentBlockTools::OverrideClasses

Included in:
BaseComponent
Defined in:
lib/content_block_tools/helpers/override_classes.rb

Overview

Helper methods for generating override CSS classes These methods generate CSS class names for spacing and typography utilities from the GOV.UK Design System.

Instance Method Summary collapse

Instance Method Details

#font_classes(size, weight) ⇒ String

Generates combined font size and weight CSS classes

Examples:

Generate font classes with size and weight

font_classes(19, "bold")
# => "govuk-!-font-size-19 govuk-!-font-weight-bold"

Generate font classes with different values

font_classes(24, "regular")
# => "govuk-!-font-size-24 govuk-!-font-weight-regular"



58
59
60
61
62
63
 
# File 'lib/content_block_tools/helpers/override_classes.rb', line 58

def font_classes(size, weight)
  [
    font_size_class(size),
    font_weight_class(weight),
  ].join(" ")
end

#font_size_class(size) ⇒ String

Generates a font size CSS class

Examples:

font_size_class(19)
# => "govuk-!-font-size-19"



73
74
75
 
# File 'lib/content_block_tools/helpers/override_classes.rb', line 73

def font_size_class(size)
  "govuk-!-font-size-#{size}"
end

#font_weight_class(weight) ⇒ String

Generates a font weight CSS class

Examples:

font_weight_class("bold")
# => "govuk-!-font-weight-bold"



85
86
87
 
# File 'lib/content_block_tools/helpers/override_classes.rb', line 85

def font_weight_class(weight)
  "govuk-!-font-weight-#{weight}"
end

#margin_classes(top, right = nil, bottom = nil, left = nil) ⇒ String

Generates margin CSS classes

Examples:

Generate uniform margin

margin_classes(4)
# => "govuk-!-margin-4"

Generate individual side margins

margin_classes(4, 3, 2, 1)
# => "govuk-!-margin-top-4 govuk-!-margin-right-3 govuk-!-margin-bottom-2 govuk-!-margin-left-1"



22
23
24
 
# File 'lib/content_block_tools/helpers/override_classes.rb', line 22

def margin_classes(top, right = nil, bottom = nil, left = nil)
  spacing_classes("margin", top, right, bottom, left)
end

#padding_classes(top, right = nil, bottom = nil, left = nil) ⇒ String

Generates padding CSS classes

Examples:

Generate uniform padding

padding_classes(4)
# => "govuk-!-padding-4"

Generate individual side paddings

padding_classes(4, 3, 2, 1)
# => "govuk-!-padding-top-4 govuk-!-padding-right-3 govuk-!-padding-bottom-2 govuk-!-padding-left-1"



41
42
43
 
# File 'lib/content_block_tools/helpers/override_classes.rb', line 41

def padding_classes(top, right = nil, bottom = nil, left = nil)
  spacing_classes("padding", top, right, bottom, left)
end