Module: Playbook::VerticalAlign

Included in:
KitBase
Defined in:
lib/playbook/vertical_align.rb

Class Method Summary collapse

Instance Method Summary collapse

Class Method Details

.included(base) ⇒ Object 



5
6
7
 
# File 'lib/playbook/vertical_align.rb', line 5

def self.included(base)
  base.prop :vertical_align
end

Instance Method Details

#vertical_align_options ⇒ Object

rubocop:enable Style/IfInsideElse



37
38
39
40
41
 
# File 'lib/playbook/vertical_align.rb', line 37

def vertical_align_options
  {
    vertical_align: "vertical_align",
  }
end

#vertical_align_props ⇒ Object

rubocop:disable Style/IfInsideElse



10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
# File 'lib/playbook/vertical_align.rb', line 10

def vertical_align_props
  selected_props = vertical_align_options.keys.select { |sk| try(sk) }
  return nil unless selected_props.present?

  screen_size_values = %w[xs sm md lg xl]

  selected_props.map do |k|
    vertical_align_value = send(k)
    if vertical_align_value.is_a?(Hash)
      class_result = []

      # Handle default value separately (generates base class without size prefix)
      class_result << "vertical_align_#{vertical_align_value[:default].underscore}" if vertical_align_value.key?(:default) && vertical_align_values.include?(vertical_align_value[:default])

      # Handle responsive sizes (generates classes with size prefix)
      vertical_align_value.each do |media_size, flex_value|
        class_result << "vertical_align_#{media_size}_#{flex_value.underscore}" if screen_size_values.include?(media_size.to_s) && vertical_align_values.include?(flex_value)
      end

      class_result
    else
      "vertical_align_#{vertical_align_value.underscore}" if vertical_align_values.include? vertical_align_value
    end
  end.flatten.compact.join(" ")
end

#vertical_align_values ⇒ Object 



43
44
45
 
# File 'lib/playbook/vertical_align.rb', line 43

def vertical_align_values
  %w[baseline super top middle bottom sub text-top text-bottom]
end