Contents

# Superclass for NewTodoInput and EditTodoInput with common styles
class TodoInput
  include Glimmer::Web::Component
  
  class << self
    def todo_input_class
      'todo-input'
    end
    
    def todo_input_styles
      rule(".#{todo_input_class}") {
        position 'relative'
        margin '0'
        width '100%'
        font_size '24px'
        font_family 'inherit'
        font_weight 'inherit'
        line_height '1.4em'
        color 'inherit'
        padding '6px'
        border '1px solid #999'
        box_shadow 'inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2)'
        box_sizing 'border-box'
        _webkit_font_smoothing 'antialiased'
      }
      
      rule(".#{todo_input_class}::selection") {
        background 'red'
      }
    end
  end
end

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
glimmer-dsl-web-0.3.2	lib/glimmer-dsl-web/samples/regular/todo_mvc/views/todo_input.rb