bttn.css/config/bttn-base.styl at master · fafucoder/bttn.css · GitHub

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
/* Base button config */
bttnXsSize =
  padding 3px 8px
  font-size 12px;
  font-family: inherit

bttnSmSize =
  padding 4px 10px
  font-size 16px;
  font-family: inherit

bttnMdSize =
  font-size 20px
  font-family: inherit;
  padding 5px 12px

bttnLgSize =
  padding 8px 15px
  font-size 24px;
  font-family: inherit

bttnBaseStyle =
  margin 0
  padding 0
  border-width 0
  border-color transparent
  background transparent
  font-weight fontNormal
  cursor pointer
  position relative

.bttn-default
  color cWhite
.bttn-primary
  color cBlue
.bttn-warning
  color cYellow
.bttn-danger
  color cRedLight
.bttn-success
  color cGreen
.bttn-royal
  color cPurple
.bttn
  @extend .bttn-primary
  {bttnBaseStyle}
.bttn-lg
  @extend .bttn
  {bttnLgSize}
.bttn-md
  @extend .bttn
  {bttnMdSize}
.bttn-sm
  @extend .bttn
  {bttnSmSize}
.bttn-xs
  @extend .bttn
  {bttnXsSize}