Module: Playbook::AlignItems

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

Class Method Summary collapse

Instance Method Summary collapse

Class Method Details

.included(base) ⇒ Object 



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

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

Instance Method Details

#align_items_options ⇒ Object

rubocop:enable Style/IfInsideElse



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

def align_items_options
  {
    align_items: "align_items",
  }
end

#align_items_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/align_items.rb', line 10

def align_items_props
  selected_props = align_items_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|
    align_items_value = send(k)
    if align_items_value.is_a?(Hash)
      class_result = []

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

      # Handle responsive sizes (generates classes with size prefix)
      align_items_value.each do |media_size, align_value|
        class_result << "align_items_#{media_size}_#{align_value.underscore}" if screen_size_values.include?(media_size.to_s) && align_items_values.include?(align_value.to_s)
      end

      class_result
    else
      "align_items_#{align_items_value.underscore}" if align_items_values.include? align_items_value
    end
  end.flatten.compact.join(" ")
end

#align_items_values ⇒ Object 



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

def align_items_values
  %w[flexStart flexEnd start end center baseline stretch]
end