Glimmer DSL for Web - Regular Sample - Todo MVC - Views - TodoMvcFooter

glimmer-dsl-web-sample-regular-todo-mvc-views-todo-mvc-footer.rb

# Source: https://github.com/AndyObtiva/glimmer-dsl-web/blob/master/lib/glimmer-dsl-web/samples/regular/todo_mvc/views/todo_mvc_footer.rb
class TodoMvcFooter
  include Glimmer::Web::Component
  
  markup {
    footer(class: 'info') {
      p {
        "Double-click to edit a todo"
      }
      p {
        "Created by #{a('Andy Maleh', href: 'https://github.com/AndyObtiva')}"
      }
      p {
        "Part of #{a('TodoMVC', href: 'http://todomvc.com')}"
      }
      
      style {
        todo_mvc_styles
      }
    }
  }
  
  def todo_mvc_styles
    rule('footer.info') {
      margin '65px auto 0'
      color '#4d4d4d'
      font_size '11px'
      text_shadow '0 1px 0 rgba(255, 255, 255, 0.5)'
      text_align 'center'
    }
    
    rule('footer.info p') {
      line_height '1'
    }
    
    rule('footer.info a') {
      color 'inherit'
      text_decoration 'none'
      font_weight '400'
    }
    
    rule('footer.info a:hover') {
      text_decoration 'underline'
    }
  end
end