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.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/README.md +2 -0
- data/app/assets/stylesheets/bulma.sass +7 -8
- data/app/assets/stylesheets/sass/base/_all.sass +5 -0
- data/app/assets/stylesheets/sass/base/generic.sass +127 -0
- data/app/assets/stylesheets/sass/base/helpers.sass +203 -0
- data/app/assets/stylesheets/sass/base/minireset.sass +80 -0
- data/app/assets/stylesheets/sass/components/_all.sass +14 -0
- data/app/assets/stylesheets/sass/components/breadcrumb.sass +74 -0
- data/app/assets/stylesheets/sass/components/card.sass +67 -0
- data/app/assets/stylesheets/sass/components/dropdown.sass +74 -0
- data/app/assets/stylesheets/sass/components/level.sass +75 -0
- data/app/assets/stylesheets/sass/components/media.sass +44 -0
- data/app/assets/stylesheets/sass/components/menu.sass +50 -0
- data/app/assets/stylesheets/sass/components/message.sass +79 -0
- data/app/assets/stylesheets/sass/components/modal.sass +111 -0
- data/app/assets/stylesheets/sass/components/navbar.sass +301 -0
- data/app/assets/stylesheets/sass/components/pagination.sass +134 -0
- data/app/assets/stylesheets/sass/components/panel.sass +101 -0
- data/app/assets/stylesheets/sass/components/tabs.sass +141 -0
- data/app/assets/stylesheets/sass/elements/_all.sass +16 -0
- data/app/assets/stylesheets/sass/elements/box.sass +24 -0
- data/app/assets/stylesheets/sass/elements/button.sass +201 -0
- data/app/assets/stylesheets/sass/elements/container.sass +25 -0
- data/app/assets/stylesheets/sass/elements/content.sass +145 -0
- data/app/assets/stylesheets/sass/elements/form.sass +605 -0
- data/app/assets/stylesheets/sass/elements/icon.sass +21 -0
- data/app/assets/stylesheets/sass/elements/image.sass +36 -0
- data/app/assets/stylesheets/sass/elements/notification.sass +35 -0
- data/app/assets/stylesheets/sass/elements/other.sass +39 -0
- data/app/assets/stylesheets/sass/elements/progress.sass +35 -0
- data/app/assets/stylesheets/sass/elements/table.sass +104 -0
- data/app/assets/stylesheets/sass/elements/tag.sass +89 -0
- data/app/assets/stylesheets/sass/elements/title.sass +55 -0
- data/app/assets/stylesheets/sass/grid/_all.sass +4 -0
- data/app/assets/stylesheets/sass/grid/columns.sass +328 -0
- data/app/assets/stylesheets/sass/grid/tiles.sass +32 -0
- data/app/assets/stylesheets/sass/layout/_all.sass +5 -0
- data/app/assets/stylesheets/sass/layout/footer.sass +5 -0
- data/app/assets/stylesheets/sass/layout/hero.sass +155 -0
- data/app/assets/stylesheets/sass/layout/section.sass +13 -0
- data/app/assets/stylesheets/sass/utilities/_all.sass +8 -0
- data/app/assets/stylesheets/{bulma → sass}/utilities/animations.sass +1 -1
- data/app/assets/stylesheets/sass/utilities/controls.sass +41 -0
- data/app/assets/stylesheets/sass/utilities/derived-variables.sass +82 -0
- data/app/assets/stylesheets/{bulma → sass}/utilities/functions.sass +7 -13
- data/app/assets/stylesheets/sass/utilities/initial-variables.sass +65 -0
- data/app/assets/stylesheets/sass/utilities/mixins.sass +226 -0
- data/lib/bulma/sass/version.rb +1 -1
- metadata +46 -32
- data/app/assets/stylesheets/bulma/base/base.sass +0 -6
- data/app/assets/stylesheets/bulma/base/content.sass +0 -51
- data/app/assets/stylesheets/bulma/base/generic.sass +0 -101
- data/app/assets/stylesheets/bulma/base/helpers.sass +0 -27
- data/app/assets/stylesheets/bulma/base/highlight.sass +0 -123
- data/app/assets/stylesheets/bulma/components/card.sass +0 -36
- data/app/assets/stylesheets/bulma/components/components.sass +0 -11
- data/app/assets/stylesheets/bulma/components/grid.sass +0 -48
- data/app/assets/stylesheets/bulma/components/media.sass +0 -69
- data/app/assets/stylesheets/bulma/components/menu.sass +0 -25
- data/app/assets/stylesheets/bulma/components/navbar.sass +0 -45
- data/app/assets/stylesheets/bulma/components/table.sass +0 -73
- data/app/assets/stylesheets/bulma/components/tabs.sass +0 -84
- data/app/assets/stylesheets/bulma/config/generated-variables.sass +0 -74
- data/app/assets/stylesheets/bulma/config/variables.sass +0 -41
- data/app/assets/stylesheets/bulma/elements/buttons.sass +0 -96
- data/app/assets/stylesheets/bulma/elements/controls.sass +0 -213
- data/app/assets/stylesheets/bulma/elements/elements.sass +0 -172
- data/app/assets/stylesheets/bulma/elements/messages.sass +0 -41
- data/app/assets/stylesheets/bulma/elements/notifications.sass +0 -20
- data/app/assets/stylesheets/bulma/elements/titles.sass +0 -57
- data/app/assets/stylesheets/bulma/layout/footer.sass +0 -11
- data/app/assets/stylesheets/bulma/layout/header.sass +0 -149
- data/app/assets/stylesheets/bulma/layout/hero.sass +0 -148
- data/app/assets/stylesheets/bulma/layout/layout.sass +0 -6
- data/app/assets/stylesheets/bulma/layout/section.sass +0 -11
- data/app/assets/stylesheets/bulma/utilities/mixins.sass +0 -83
- data/app/assets/stylesheets/bulma/utilities/reset.sass +0 -174
- 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,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
|