Module: Playbook::VerticalAlign

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

Constant Summary collapse

VERTICAL_ALIGN_VALUES =
%w[baseline super top middle bottom sub text-top text-bottom].freeze
SCREEN_SIZES =
%w[xs sm md lg xl].freeze

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_optionsObject



28
29
30
# File 'lib/playbook/vertical_align.rb', line 28

def vertical_align_options
  { vertical_align: "vertical_align" }
end

#vertical_align_propsObject



12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# File 'lib/playbook/vertical_align.rb', line 12

def vertical_align_props
  value = vertical_align
  return nil unless value

  if value.is_a?(::Hash)
    css = +""
    css << "vertical_align_#{value[:default].underscore} " if value.key?(:default) && VERTICAL_ALIGN_VALUES.include?(value[:default])
    value.each do |media_size, flex_value|
      css << "vertical_align_#{media_size}_#{flex_value.underscore} " if SCREEN_SIZES.include?(media_size.to_s) && VERTICAL_ALIGN_VALUES.include?(flex_value)
    end
    css.strip unless css.empty?
  elsif VERTICAL_ALIGN_VALUES.include?(value)
    "vertical_align_#{value.underscore}"
  end
end

#vertical_align_valuesObject



32
33
34
# File 'lib/playbook/vertical_align.rb', line 32

def vertical_align_values
  VERTICAL_ALIGN_VALUES
end