bulma-sass 0.0.2 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/README.md +2 -0
  4. data/app/assets/stylesheets/bulma.sass +7 -8
  5. data/app/assets/stylesheets/sass/base/_all.sass +5 -0
  6. data/app/assets/stylesheets/sass/base/generic.sass +127 -0
  7. data/app/assets/stylesheets/sass/base/helpers.sass +203 -0
  8. data/app/assets/stylesheets/sass/base/minireset.sass +80 -0
  9. data/app/assets/stylesheets/sass/components/_all.sass +14 -0
  10. data/app/assets/stylesheets/sass/components/breadcrumb.sass +74 -0
  11. data/app/assets/stylesheets/sass/components/card.sass +67 -0
  12. data/app/assets/stylesheets/sass/components/dropdown.sass +74 -0
  13. data/app/assets/stylesheets/sass/components/level.sass +75 -0
  14. data/app/assets/stylesheets/sass/components/media.sass +44 -0
  15. data/app/assets/stylesheets/sass/components/menu.sass +50 -0
  16. data/app/assets/stylesheets/sass/components/message.sass +79 -0
  17. data/app/assets/stylesheets/sass/components/modal.sass +111 -0
  18. data/app/assets/stylesheets/sass/components/navbar.sass +301 -0
  19. data/app/assets/stylesheets/sass/components/pagination.sass +134 -0
  20. data/app/assets/stylesheets/sass/components/panel.sass +101 -0
  21. data/app/assets/stylesheets/sass/components/tabs.sass +141 -0
  22. data/app/assets/stylesheets/sass/elements/_all.sass +16 -0
  23. data/app/assets/stylesheets/sass/elements/box.sass +24 -0
  24. data/app/assets/stylesheets/sass/elements/button.sass +201 -0
  25. data/app/assets/stylesheets/sass/elements/container.sass +25 -0
  26. data/app/assets/stylesheets/sass/elements/content.sass +145 -0
  27. data/app/assets/stylesheets/sass/elements/form.sass +605 -0
  28. data/app/assets/stylesheets/sass/elements/icon.sass +21 -0
  29. data/app/assets/stylesheets/sass/elements/image.sass +36 -0
  30. data/app/assets/stylesheets/sass/elements/notification.sass +35 -0
  31. data/app/assets/stylesheets/sass/elements/other.sass +39 -0
  32. data/app/assets/stylesheets/sass/elements/progress.sass +35 -0
  33. data/app/assets/stylesheets/sass/elements/table.sass +104 -0
  34. data/app/assets/stylesheets/sass/elements/tag.sass +89 -0
  35. data/app/assets/stylesheets/sass/elements/title.sass +55 -0
  36. data/app/assets/stylesheets/sass/grid/_all.sass +4 -0
  37. data/app/assets/stylesheets/sass/grid/columns.sass +328 -0
  38. data/app/assets/stylesheets/sass/grid/tiles.sass +32 -0
  39. data/app/assets/stylesheets/sass/layout/_all.sass +5 -0
  40. data/app/assets/stylesheets/sass/layout/footer.sass +5 -0
  41. data/app/assets/stylesheets/sass/layout/hero.sass +155 -0
  42. data/app/assets/stylesheets/sass/layout/section.sass +13 -0
  43. data/app/assets/stylesheets/sass/utilities/_all.sass +8 -0
  44. data/app/assets/stylesheets/{bulma → sass}/utilities/animations.sass +1 -1
  45. data/app/assets/stylesheets/sass/utilities/controls.sass +41 -0
  46. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +82 -0
  47. data/app/assets/stylesheets/{bulma → sass}/utilities/functions.sass +7 -13
  48. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +65 -0
  49. data/app/assets/stylesheets/sass/utilities/mixins.sass +226 -0
  50. data/lib/bulma/sass/version.rb +1 -1
  51. metadata +46 -32
  52. data/app/assets/stylesheets/bulma/base/base.sass +0 -6
  53. data/app/assets/stylesheets/bulma/base/content.sass +0 -51
  54. data/app/assets/stylesheets/bulma/base/generic.sass +0 -101
  55. data/app/assets/stylesheets/bulma/base/helpers.sass +0 -27
  56. data/app/assets/stylesheets/bulma/base/highlight.sass +0 -123
  57. data/app/assets/stylesheets/bulma/components/card.sass +0 -36
  58. data/app/assets/stylesheets/bulma/components/components.sass +0 -11
  59. data/app/assets/stylesheets/bulma/components/grid.sass +0 -48
  60. data/app/assets/stylesheets/bulma/components/media.sass +0 -69
  61. data/app/assets/stylesheets/bulma/components/menu.sass +0 -25
  62. data/app/assets/stylesheets/bulma/components/navbar.sass +0 -45
  63. data/app/assets/stylesheets/bulma/components/table.sass +0 -73
  64. data/app/assets/stylesheets/bulma/components/tabs.sass +0 -84
  65. data/app/assets/stylesheets/bulma/config/generated-variables.sass +0 -74
  66. data/app/assets/stylesheets/bulma/config/variables.sass +0 -41
  67. data/app/assets/stylesheets/bulma/elements/buttons.sass +0 -96
  68. data/app/assets/stylesheets/bulma/elements/controls.sass +0 -213
  69. data/app/assets/stylesheets/bulma/elements/elements.sass +0 -172
  70. data/app/assets/stylesheets/bulma/elements/messages.sass +0 -41
  71. data/app/assets/stylesheets/bulma/elements/notifications.sass +0 -20
  72. data/app/assets/stylesheets/bulma/elements/titles.sass +0 -57
  73. data/app/assets/stylesheets/bulma/layout/footer.sass +0 -11
  74. data/app/assets/stylesheets/bulma/layout/header.sass +0 -149
  75. data/app/assets/stylesheets/bulma/layout/hero.sass +0 -148
  76. data/app/assets/stylesheets/bulma/layout/layout.sass +0 -6
  77. data/app/assets/stylesheets/bulma/layout/section.sass +0 -11
  78. data/app/assets/stylesheets/bulma/utilities/mixins.sass +0 -83
  79. data/app/assets/stylesheets/bulma/utilities/reset.sass +0 -174
  80. data/app/assets/stylesheets/bulma/utilities/utilities.sass +0 -6
@@ -1,27 +0,0 @@
1
- .is-centered
2
- text-align: center
3
-
4
- .is-left
5
- text-align: left
6
-
7
- .is-right
8
- text-align: right
9
-
10
- .is-block
11
- display: block
12
-
13
- .is-disabled
14
- pointer-events: none
15
-
16
- .is-inline
17
- display: inline
18
-
19
- .is-marginless
20
- margin: 0 !important
21
-
22
- .is-unselectable
23
- -webkit-touch-callout: none
24
- -webkit-user-select: none
25
- -moz-user-select: none
26
- -ms-user-select: none
27
- user-select: none
@@ -1,123 +0,0 @@
1
- .highlight
2
- background-color: #fdf6e3
3
- color: #586e75
4
- .c
5
- color: #93a1a1
6
- .err,
7
- .g
8
- color: #586e75
9
- .k
10
- color: #859900
11
- .l,
12
- .n
13
- color: #586e75
14
- .o
15
- color: #859900
16
- .x
17
- color: #cb4b16
18
- .p
19
- color: #586e75
20
- .cm
21
- color: #93a1a1
22
- .cp
23
- color: #859900
24
- .c1
25
- color: #93a1a1
26
- .cs
27
- color: #859900
28
- .gd
29
- color: #2aa198
30
- .ge
31
- color: #586e75
32
- font-style: italic
33
- .gr
34
- color: #dc322f
35
- .gh
36
- color: #cb4b16
37
- .gi
38
- color: #859900
39
- .go,
40
- .gp
41
- color: #586e75
42
- .gs
43
- color: #586e75
44
- font-weight: bold
45
- .gu
46
- color: #cb4b16
47
- .gt
48
- color: #586e75
49
- .kc
50
- color: #cb4b16
51
- .kd
52
- color: #268bd2
53
- .kn,
54
- .kp
55
- color: #859900
56
- .kr
57
- color: #268bd2
58
- .kt
59
- color: #dc322f
60
- .ld
61
- color: #586e75
62
- .m,
63
- .s
64
- color: #2aa198
65
- .na
66
- color: #B58900
67
- .nb
68
- color: #586e75
69
- .nc
70
- color: #268bd2
71
- .no
72
- color: #cb4b16
73
- .nd
74
- color: #268bd2
75
- .ni,
76
- .ne
77
- color: #cb4b16
78
- .nf
79
- color: #268bd2
80
- .nl,
81
- .nn,
82
- .nx,
83
- .py
84
- color: #586e75
85
- .nt,
86
- .nv
87
- color: #268bd2
88
- .ow
89
- color: #859900
90
- .w
91
- color: #586e75
92
- .mf,
93
- .mh,
94
- .mi,
95
- .mo
96
- color: #2aa198
97
- .sb
98
- color: #93a1a1
99
- .sc
100
- color: #2aa198
101
- .sd
102
- color: #586e75
103
- .s2
104
- color: #2aa198
105
- .se
106
- color: #cb4b16
107
- .sh
108
- color: #586e75
109
- .si,
110
- .sx
111
- color: #2aa198
112
- .sr
113
- color: #dc322f
114
- .s1,
115
- .ss
116
- color: #2aa198
117
- .bp,
118
- .vc,
119
- .vg,
120
- .vi
121
- color: #268bd2
122
- .il
123
- color: #2aa198
@@ -1,36 +0,0 @@
1
- .card
2
- background: white
3
- box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
4
- max-width: 300px
5
- position: relative
6
- .media:not(:last-child)
7
- margin-bottom: 10px
8
-
9
- .card-image
10
- display: block
11
- position: relative
12
- img
13
- display: block
14
- &.is-square,
15
- &.is-4x3,
16
- &.is-3x2
17
- img
18
- +overlay
19
- height: 100%
20
- width: 100%
21
- &.is-square
22
- padding-top: 100%
23
- &.is-4x3
24
- padding-top: 75%
25
- &.is-3x2
26
- padding-top: 66.6666%
27
-
28
- .card-content
29
- padding: 20px
30
- .title + .subtitle
31
- margin-top: -20px
32
-
33
- .card-footer
34
- background: $background
35
- display: block
36
- padding: 10px
@@ -1,11 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import grid
4
- @import navbar
5
- @import card
6
- @import table
7
- @import tabs
8
- @import media
9
-
10
- .block:not(:last-child)
11
- margin-bottom: 20px
@@ -1,48 +0,0 @@
1
- .column
2
- +mobile
3
- & + .column
4
- margin-top: 20px
5
- +tablet
6
- flex: 1
7
- & + .column
8
- margin-left: 20px
9
- &.is-double
10
- flex: 2
11
- &.is-triple
12
- flex: 3
13
- &.is-quadruple
14
- flex: 4
15
- &.is-half
16
- flex: none
17
- width: 50%
18
- &.is-third
19
- flex: none
20
- width: 33.3333%
21
- &.is-quarter
22
- flex: none
23
- width: 25%
24
- @for $i from 1 through 11
25
- &.is-#{$i}
26
- flex: none
27
- width: ($i / 12) * 100%
28
-
29
- .columns
30
- &:not(:last-child)
31
- margin-bottom: 20px
32
- +tablet
33
- display: flex
34
- &.is-gapless
35
- & > .column + .column
36
- margin-left: 0
37
- &.is-vcentered
38
- align-items: center
39
- &.is-grid
40
- +tablet
41
- flex-wrap: wrap
42
- & > .column
43
- flex-basis: 33.3333%
44
- max-width: 33.3333%
45
- padding: 10px
46
- width: 33.3333%
47
- & + .column
48
- margin-left: 0
@@ -1,69 +0,0 @@
1
- .media-image
2
- &.is-32
3
- width: 32px
4
- &.is-40
5
- width: 40px
6
- +mobile
7
- margin-bottom: 10px
8
- +tablet
9
- margin-right: 10px
10
- width: 60px
11
-
12
- .media-number
13
- background: $background
14
- border-radius: 290486px
15
- display: inline-block
16
- font-size: $size-medium
17
- height: 32px
18
- line-height: 24px
19
- min-width: 32px
20
- padding: 4px 8px
21
- text-align: center
22
- vertical-align: top
23
- +mobile
24
- margin-bottom: 10px
25
- +tablet
26
- margin-right: 10px
27
-
28
- .media-content
29
- flex: 1
30
- .textarea
31
- min-height: 60px
32
-
33
- .media
34
- align-items: flex-start
35
- .content:not(:last-child)
36
- margin-bottom: 10px
37
- .media
38
- border-top: 1px solid rgba($border, 0.5)
39
- display: flex
40
- padding-top: 10px
41
- .media-image
42
- margin-bottom: 0
43
- margin-right: 10px
44
- width: 40px
45
- .textarea
46
- +control-small
47
- .button
48
- +button-small
49
- .content:not(:last-child),
50
- .control:not(:last-child)
51
- margin-bottom: 5px
52
- .media
53
- font-size: 12px
54
- padding-top: 5px
55
- & + .media
56
- margin-top: 5px
57
- & + .media
58
- border-top: 1px solid rgba($border, 0.5)
59
- margin-top: 10px
60
- padding-top: 10px
61
- &.is-large
62
- & + .media
63
- margin-top: 20px
64
- padding-top: 20px
65
- +tablet
66
- display: flex
67
- &.is-large
68
- .media-number
69
- margin-right: 20px
@@ -1,25 +0,0 @@
1
- .menu
2
- border: 1px solid $border
3
-
4
- .menu-heading
5
- @extend .heading
6
- color: $text-strong
7
-
8
- .menu-list
9
- a
10
- color: $text
11
- &:hover
12
- color: $link
13
-
14
- .menu-block
15
- .checkbox
16
- border: 1px solid transparent
17
- border-radius: $radius
18
- display: block
19
- padding: 8px
20
- padding-left: 32px
21
- input
22
- left: 9px
23
- top: 9px
24
- &:hover
25
- border-color: $link
@@ -1,45 +0,0 @@
1
- .navbar-item
2
- .title,
3
- .subtitle
4
- margin-bottom: 0
5
- +mobile
6
- &:not(:last-child)
7
- margin-bottom: 10px
8
-
9
- .navbar
10
- &:not(:last-child)
11
- margin-bottom: 20px
12
- code
13
- border-radius: $radius
14
- img
15
- display: inline-block
16
- vertical-align: top
17
- +tablet
18
- align-items: center
19
- display: flex
20
- justify-content: space-between
21
- & > .navbar-item
22
- &:not(.is-narrow)
23
- flex: 1
24
-
25
- .navbar-left,
26
- .navbar-right
27
- .navbar-item
28
- &.is-flexible
29
- flex: 1
30
- &:not(:last-child)
31
- margin-right: 10px
32
-
33
- .navbar-left
34
- +mobile
35
- & + .navbar-right
36
- margin-top: 20px
37
- +tablet
38
- align-items: center
39
- display: flex
40
-
41
- .navbar-right
42
- +tablet
43
- align-items: center
44
- display: flex
45
- justify-content: flex-end
@@ -1,73 +0,0 @@
1
- .table
2
- background: white
3
- margin-bottom: 20px
4
- width: 100%
5
- th,
6
- td
7
- border: 1px solid $border
8
- border-width: 0 0 1px
9
- padding: 8px 10px
10
- vertical-align: top
11
- &.table-link
12
- padding: 0
13
- & > a
14
- display: block
15
- padding: 8px 10px
16
- &:hover
17
- background: $link
18
- color: $link-invert
19
- &.table-icon
20
- padding: 5px
21
- text-align: center
22
- white-space: nowrap
23
- width: 1%
24
- .fa
25
- +fa(21px, 24px)
26
- &.table-link
27
- padding: 0
28
- & > a
29
- padding: 5px
30
- th
31
- color: $text-strong
32
- text-align: left
33
- tr
34
- &:hover
35
- background: rgba($background, 0.5)
36
- color: $text-strong
37
- &:last-child td
38
- border-bottom-width: 0
39
- thead
40
- th,
41
- td
42
- border-width: 0 0 2px
43
- tfoot
44
- th,
45
- td
46
- border-width: 2px 0 0
47
- &.is-bordered
48
- th,
49
- td
50
- border-width: 1px
51
- tr
52
- &:last-child td
53
- border-bottom-width: 1px
54
- &.is-narrow
55
- th,
56
- td
57
- padding: 5px 10px
58
- &.table-link
59
- padding: 0
60
- & > a
61
- padding: 5px 10px
62
- &.table-icon
63
- padding: 2px
64
- &.table-link
65
- padding: 0
66
- & > a
67
- padding: 2px
68
- &.is-striped
69
- tbody
70
- tr:nth-child(2n)
71
- background: rgba($background, 0.5)
72
- &:hover
73
- background: $background