@import "{design}/app.styl"

table.settingsTable
  thead
    tr
      th
        theme('color', '$defaultColor')
        text-align: center

      th:first-child
        text-align: left

  tbody
    background: #3e3e3e

    tr
      td
        theme('color', '$defaultColor')
        text-align: center

        .editSetting
        .deleteSetting
          cursor: pointer
          transition(all 0.1s ease)
          
          &:hover
            theme('color', '$hoverColor')
            
          &:active  
            theme('color', '$activeColor')
            
      td:first-child
        text-align: left

.addSettingContainer
  margin: 10px 0
  text-align: center
  theme('color', '$defaultColor')

  .addSetting
    cursor: pointer
    transition(all 0.1s ease)
    
    &:hover
      theme('color', '$hoverColor')
      
    &:active  
      theme('color', '$activeColor')