UNPKG

tablefilter/static/style/toolbar.styl

Version:

1.74 kBtext/stylusView Raw

1/**
* Toolbar default style
*/
4
5@import 'config'
6@import 'mixins/empty-content'
7
8// left, middle and right divs container (toolbar)
inf
  clear                       both
  width                       auto
  height                      $min-height
  min-width                   400px
  background-color            $toolbar-bg-color
  font-size                   $toolbar-font-size
  margin                      0
  padding                     0
  border-top                  1px solid $toolbar-border-color
  border-bottom               1px solid $toolbar-border-color
  border-left                 1px solid $toolbar-border-color
  border-right                1px solid $toolbar-border-color
  overflow                    hidden
  border-top-left-radius      3px
  border-top-right-radius     3px
25
  // link appearence
  a
      color                   #333
      text-decoration         none
      font-weight             bold
      box-sizing              initial
      &:hover
          text-decoration     underline
34
35// left div
ldiv
  empty-content()
  float                       left
  width                       30%
  position                    inherit
  text-align                  left
42
43// middle div
mdiv
  empty-content()
  float                       left
  width                       38%
  position                    inherit
  text-align                  center
  padding                     0
51
52// right div
rdiv
  empty-content()
  float                       right
  width                       30%
  position                    inherit
  text-align                  right

1	`/**`
2	`* Toolbar default style`
3	`*/`
4
5	`@import 'config'`
6	`@import 'mixins/empty-content'`
7
8	`// left, middle and right divs container (toolbar)`
9	`.inf`
10	`clear both`
11	`width auto`
12	`height $min-height`
13	`min-width 400px`
14	`background-color $toolbar-bg-color`
15	`font-size $toolbar-font-size`
16	`margin 0`
17	`padding 0`
18	`border-top 1px solid $toolbar-border-color`
19	`border-bottom 1px solid $toolbar-border-color`
20	`border-left 1px solid $toolbar-border-color`
21	`border-right 1px solid $toolbar-border-color`
22	`overflow hidden`
23	`border-top-left-radius 3px`
24	`border-top-right-radius 3px`
25
26	`// link appearence`
27	`a`
28	`color #333`
29	`text-decoration none`
30	`font-weight bold`
31	`box-sizing initial`
32	`&:hover`
33	`text-decoration underline`
34
35	`// left div`
36	`.ldiv`
37	`empty-content()`
38	`float left`
39	`width 30%`
40	`position inherit`
41	`text-align left`
42
43	`// middle div`
44	`.mdiv`
45	`empty-content()`
46	`float left`
47	`width 38%`
48	`position inherit`
49	`text-align center`
50	`padding 0`
51
52	`// right div`
53	`.rdiv`
54	`empty-content()`
55	`float right`
56	`width 30%`
57	`position inherit`
58	`text-align right`