bulma-sass 0.0.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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