• 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
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100
• 101
• 102
• 103
• 104
• 105
• 106
• 107
• 108
• 109
• 110
• 111
• 112
• 113
• 114
• 115
• 116
• 117
• 118
• 119
• 120
• 121
• 122
• 123
• 124
• 125
• 126
• 127
• 128
• 129
• 130
• 131
• 132
• 133
• 134
• 135
• 136
• 137
• 138
• 139
• 140
• 141
• 142
• 143
• 144
• 145
• 146
• 147
• 148
• 149
• 150
• 151
• 152
• 153
• 154
• 155
• 156
• 157
• 158
• 159
• 160

//@import 'reset.css'

@import 'https://fonts.googleapis.com/css?family=Roboto';

$status-open-bg = #fff
$status-fixed-bg = #b1dcb1
$status-notfixed-bg = #dcb1b1
$status-workedon-bg = #f7bb83
$status-ignore-bg = #d6d6d6;

$status-open-color = inherit
$status-fixed-color = inherit
$status-notfixed-color = inherit
$status-workedon-color = inherit
$status-ignore-color = inherit

//

body
  background #F6F4F1


.content
	padding-top 5rem

.page-content
	background alpha(#fff, 90%)
	padding 2em


article
  background #f2f2f2
  padding 1.5em
  //border 1px solid #ccc
  margin-bottom 1em
  position relative
  & > div
    // url
    font-size 1.1em  
  section
    //margin 1em 0 0 1em
    .comment-actions
      text-align right
      margin-bottom 5px
      select
        padding inherit
        position absolute 
        top 0
        right 0
        //border 1px solid #ccc
        //background #fff
        
    .comments
      display flex
      flex-direction row
      width 100%
      & > span
        //border 1px solid #ccc        
        width 45px
        height 40px
        border-radius 30px
        text-align center
        line-height 42px
        margin-right 10px        
        background-color #fff
        box-shadow  3px 3px 5px alpha(#333, 0.15)
        &.status-open
          background $status-open-bg
        &.status-fixed
          background $status-fixed-bg
        &.status-notfixed
          background $status-notfixed-bg
        &.status-workedon
          background $status-orange-bg
        &.status-ignore
          background $status-ignore-bg
      div
        width 100%  
        div.comment-title
          font-size 1.2em
          background #fff
          padding 0.5em
          flex-grow 1          
          height 45px          
          margin-bottom 1em
          //cd text-shadow 1px 1px 0 rgba(0,0,0,0.1)
          &.status-open
            background $status-open-bg
          &.status-fixed
            background $status-fixed-bg
          &.status-notfixed
            background $status-notfixed-bg
          &.status-workedon
            background $status-orange-bg
          &.status-ignore
            background $status-ignore-bg
        div.comments-wrap
          font-size 0.9em
          
          div.comment
            
            margin-bottom 1em            
            display flex
            flex-direction row
            box-sizing border-box
            &:last-of-type
              margin 0
            .avatar
              width 43px
              height 42px
              line-height 42px
              color #fff
              font-weight bold
              text-align center
              background salmon
            p
              padding  0.7em 0.3em 0.7em 1em
              box-sizing border-box          
              margin-bottom 0
              background #fff
              width 100%
              margin-left 15px
              //background yellow
              
  .bugform
    position absolute
    display flex
    flex-direction row
    right 10px
    bottom 10px    
    .bug-inputs
      width 100%
      display flex
      flex-direction row
      display none
      input
        background auto
        
    
    .button-bug
      width 35px
      height 35px
      background salmon
      color #fff
      border-radius 20px
      text-align center
      line-height 35px
      font-size 18px
      
          
          
          
    
      
      
//.navbar
//	background transparent!important
//	a
//		color indianred!important
//	border-bottom 1px dashed #444