• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 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
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44

@import 'reset.css'


main
  padding-top 2em

section
  background #F8F8F9

.mastheads-container    
  display flex
  flex-wrap wrap
  justify-content space-between
  .masthead-wrap
    flex-basis 33%
    color white      
    text-align center
    padding 0 5px 5px
    cursor pointer
    background alpha(black, 50%)
    transition background .2s
    margin-bottom 5px
    &.selected
      background alpha(black, 80%)
    img
      display block
      width 100%
      


/* Overwrite some Semantic-ui */
label ~ i
  font-size: 90%
  color #666
  display block
  padding-bottom 0.5em
.ui.inverted.menu
  background #43505d!important
  border-radius 0
  


input[name=masthead-files]
  display none