afb-client/bower_components/tether/docs/welcome/sass/browser-demo.sass

   1 @import compass/css3
   2
   3 html, body
   4     height: 100%
   5     overflow: hidden
   6     font-family: "proxima-nova", sans-serif
   7
   8 .tether.tether-theme-arrows-dark .tether-content
   9     +filter(none)
  10     background: #000
  11
  12     ul
  13         color: #fff
  14         list-style: none
  15         padding: 0
  16         margin: 0
  17
  18 .tether.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before
  19     border-right-color: #000
  20
  21 .browser-demo
  22     position: absolute
  23     top: 0
  24     left: 0
  25     bottom: 0
  26     right: 0
  27
  28     *, *:after, *:before
  29         +box-sizing(border-box)
  30
  31     .top
  32         position: absolute
  33         height: 60px
  34         padding: 20px
  35         line-height: 40px
  36         width: 100%
  37         border-bottom: 1px solid rgba(0, 0, 0, .1)
  38
  39     .bottom
  40         position: absolute
  41         top: 60px
  42         bottom: 0
  43         width: 100%
  44
  45         .left
  46             border-right: 1px solid rgba(0, 0, 0, .1)
  47             position: absolute
  48             width: 30%
  49             height: 100%
  50             overflow: auto
  51
  52             .item
  53                 height: 64px
  54                 border-bottom: 1px solid rgba(0, 0, 0, .1)
  55                 cursor: pointer
  56
  57                 &:hover, &.tether-open
  58                     background: rgba(0, 0, 0, .1)
  59                     border-bottom: 1px solid rgba(0, 0, 0, 0)
  60
  61                 &:last-child
  62                     border-bottom: 0
  63
  64         .right
  65             position: absolute
  66             width: 70%
  67             right: 0
  68             height: 100%
  69             padding: 20px
  70
  71     .title
  72         +inline-block
  73         background: rgba(0, 0, 0, .1)
  74         width: 150px
  75         height: 15px
  76         margin-bottom: 20px
  77
  78     .word
  79         +inline-block
  80         background: rgba(0, 0, 0, .1)
  81         width: 50px
  82         height: 8px
  83         margin-right: 5px
  84         margin-bottom: 5px
  85
  86         &:nth-last-child(4n+1)
  87             width: 73px
  88
  89         &:nth-last-child(10n+1)
  90             width: 14px
  91
  92         &:nth-last-child(9n+1)
  93             width: 80px