bulma-clean-theme 0.14.0 → 1.0.0.beta.2
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.
- checksums.yaml +4 -4
- data/README.md +5 -0
- data/_includes/callouts.html +12 -5
- data/_includes/cookie-banner.html +1 -1
- data/_includes/hero.html +5 -3
- data/_includes/showcase.html +8 -6
- data/_layouts/default.html +1 -0
- data/_layouts/post.html +7 -3
- data/_sass/_block-list.scss +130 -0
- data/_sass/_main.scss +3 -2
- data/node_modules/.package-lock.json +204 -9
- data/node_modules/bulma/LICENSE +1 -1
- data/node_modules/bulma/README.md +56 -52
- data/node_modules/bulma/bulma.scss +4 -0
- data/node_modules/bulma/css/bulma.css +19282 -8696
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +3 -1
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
- data/node_modules/bulma/package.json +25 -20
- data/node_modules/bulma/sass/_index.scss +10 -0
- data/node_modules/bulma/sass/base/_index.scss +6 -0
- data/node_modules/bulma/sass/base/animations.scss +15 -0
- data/node_modules/bulma/sass/base/generic.scss +239 -0
- data/node_modules/bulma/sass/base/minireset.scss +92 -0
- data/node_modules/bulma/sass/base/skeleton.scss +126 -0
- data/node_modules/bulma/sass/components/_index.scss +13 -0
- data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
- data/node_modules/bulma/sass/components/card.scss +162 -0
- data/node_modules/bulma/sass/components/dropdown.scss +188 -0
- data/node_modules/bulma/sass/components/menu.scss +165 -0
- data/node_modules/bulma/sass/components/message.scss +183 -0
- data/node_modules/bulma/sass/components/modal.scss +164 -0
- data/node_modules/bulma/sass/components/navbar.scss +788 -0
- data/node_modules/bulma/sass/components/pagination.scss +379 -0
- data/node_modules/bulma/sass/components/panel.scss +218 -0
- data/node_modules/bulma/sass/components/tabs.scss +273 -0
- data/node_modules/bulma/sass/elements/_index.scss +16 -0
- data/node_modules/bulma/sass/elements/block.scss +6 -0
- data/node_modules/bulma/sass/elements/box.scss +59 -0
- data/node_modules/bulma/sass/elements/button.scss +640 -0
- data/node_modules/bulma/sass/elements/content.scss +283 -0
- data/node_modules/bulma/sass/elements/delete.scss +6 -0
- data/node_modules/bulma/sass/elements/icon.scss +67 -0
- data/node_modules/bulma/sass/elements/image.scss +62 -0
- data/node_modules/bulma/sass/elements/loader.scss +15 -0
- data/node_modules/bulma/sass/elements/notification.scss +105 -0
- data/node_modules/bulma/sass/elements/progress.scss +115 -0
- data/node_modules/bulma/sass/elements/table.scss +261 -0
- data/node_modules/bulma/sass/elements/tag.scss +219 -0
- data/node_modules/bulma/sass/elements/title.scss +128 -0
- data/node_modules/bulma/sass/form/_index.scss +9 -0
- data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
- data/node_modules/bulma/sass/form/file.scss +330 -0
- data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
- data/node_modules/bulma/sass/form/select.scss +143 -0
- data/node_modules/bulma/sass/form/shared.scss +172 -0
- data/node_modules/bulma/sass/form/tools.scss +341 -0
- data/node_modules/bulma/sass/grid/_index.scss +5 -0
- data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
- data/node_modules/bulma/sass/grid/columns.scss +877 -0
- data/node_modules/bulma/sass/grid/grid.scss +209 -0
- data/node_modules/bulma/sass/helpers/_index.scss +15 -0
- data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
- data/node_modules/bulma/sass/helpers/border.scss +15 -0
- data/node_modules/bulma/sass/helpers/color.scss +364 -0
- data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
- data/node_modules/bulma/sass/helpers/float.scss +28 -0
- data/node_modules/bulma/sass/helpers/gap.scss +24 -0
- data/node_modules/bulma/sass/helpers/other.scss +19 -0
- data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
- data/node_modules/bulma/sass/helpers/position.scss +19 -0
- data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
- data/node_modules/bulma/sass/helpers/typography.scss +168 -0
- data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
- data/node_modules/bulma/sass/layout/_index.scss +9 -0
- data/node_modules/bulma/sass/layout/container.scss +51 -0
- data/node_modules/bulma/sass/layout/footer.scss +23 -0
- data/node_modules/bulma/sass/layout/hero.scss +270 -0
- data/node_modules/bulma/sass/layout/level.scss +107 -0
- data/node_modules/bulma/sass/layout/media.scss +106 -0
- data/node_modules/bulma/sass/layout/section.scss +34 -0
- data/node_modules/bulma/sass/themes/_index.scss +35 -0
- data/node_modules/bulma/sass/themes/dark.scss +56 -0
- data/node_modules/bulma/sass/themes/light.scss +145 -0
- data/node_modules/bulma/sass/themes/setup.scss +174 -0
- data/node_modules/bulma/sass/utilities/_index.scss +7 -0
- data/node_modules/bulma/sass/utilities/controls.scss +85 -0
- data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
- data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
- data/node_modules/bulma/sass/utilities/extends.scss +34 -0
- data/node_modules/bulma/sass/utilities/functions.scss +258 -0
- data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
- data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
- data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
- data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
- data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
- data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
- data/package-lock.json +338 -18
- data/package.json +1 -2
- metadata +94 -90
- data/node_modules/bulma/bulma.sass +0 -10
- data/node_modules/bulma/css/bulma-rtl.css +0 -11851
- data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
- data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
- data/node_modules/bulma/sass/base/_all.sass +0 -6
- data/node_modules/bulma/sass/base/animations.sass +0 -5
- data/node_modules/bulma/sass/base/generic.sass +0 -145
- data/node_modules/bulma/sass/base/helpers.sass +0 -1
- data/node_modules/bulma/sass/base/minireset.sass +0 -79
- data/node_modules/bulma/sass/components/_all.sass +0 -15
- data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
- data/node_modules/bulma/sass/components/card.sass +0 -103
- data/node_modules/bulma/sass/components/dropdown.sass +0 -83
- data/node_modules/bulma/sass/components/level.sass +0 -79
- data/node_modules/bulma/sass/components/media.sass +0 -59
- data/node_modules/bulma/sass/components/menu.sass +0 -59
- data/node_modules/bulma/sass/components/message.sass +0 -101
- data/node_modules/bulma/sass/components/modal.sass +0 -117
- data/node_modules/bulma/sass/components/navbar.sass +0 -446
- data/node_modules/bulma/sass/components/pagination.sass +0 -167
- data/node_modules/bulma/sass/components/panel.sass +0 -121
- data/node_modules/bulma/sass/components/tabs.sass +0 -176
- data/node_modules/bulma/sass/elements/_all.sass +0 -16
- data/node_modules/bulma/sass/elements/box.sass +0 -26
- data/node_modules/bulma/sass/elements/button.sass +0 -357
- data/node_modules/bulma/sass/elements/container.sass +0 -29
- data/node_modules/bulma/sass/elements/content.sass +0 -162
- data/node_modules/bulma/sass/elements/form.sass +0 -1
- data/node_modules/bulma/sass/elements/icon.sass +0 -46
- data/node_modules/bulma/sass/elements/image.sass +0 -73
- data/node_modules/bulma/sass/elements/notification.sass +0 -52
- data/node_modules/bulma/sass/elements/other.sass +0 -31
- data/node_modules/bulma/sass/elements/progress.sass +0 -73
- data/node_modules/bulma/sass/elements/table.sass +0 -134
- data/node_modules/bulma/sass/elements/tag.sass +0 -140
- data/node_modules/bulma/sass/elements/title.sass +0 -70
- data/node_modules/bulma/sass/form/_all.sass +0 -9
- data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
- data/node_modules/bulma/sass/form/file.sass +0 -184
- data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
- data/node_modules/bulma/sass/form/select.sass +0 -88
- data/node_modules/bulma/sass/form/shared.sass +0 -60
- data/node_modules/bulma/sass/form/tools.sass +0 -215
- data/node_modules/bulma/sass/grid/_all.sass +0 -5
- data/node_modules/bulma/sass/grid/columns.sass +0 -513
- data/node_modules/bulma/sass/grid/tiles.sass +0 -36
- data/node_modules/bulma/sass/helpers/_all.sass +0 -12
- data/node_modules/bulma/sass/helpers/color.sass +0 -39
- data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
- data/node_modules/bulma/sass/helpers/float.sass +0 -10
- data/node_modules/bulma/sass/helpers/other.sass +0 -14
- data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
- data/node_modules/bulma/sass/helpers/position.sass +0 -7
- data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
- data/node_modules/bulma/sass/helpers/typography.sass +0 -103
- data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
- data/node_modules/bulma/sass/layout/_all.sass +0 -6
- data/node_modules/bulma/sass/layout/footer.sass +0 -11
- data/node_modules/bulma/sass/layout/hero.sass +0 -153
- data/node_modules/bulma/sass/layout/section.sass +0 -17
- data/node_modules/bulma/sass/utilities/_all.sass +0 -9
- data/node_modules/bulma/sass/utilities/animations.sass +0 -1
- data/node_modules/bulma/sass/utilities/controls.sass +0 -49
- data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
- data/node_modules/bulma/sass/utilities/extends.sass +0 -25
- data/node_modules/bulma/sass/utilities/functions.sass +0 -135
- data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
- data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
- data/node_modules/bulma-block-list/.editorconfig +0 -15
- data/node_modules/bulma-block-list/.github/FUNDING.yml +0 -12
- data/node_modules/bulma-block-list/LICENSE.txt +0 -21
- data/node_modules/bulma-block-list/README.md +0 -32
- data/node_modules/bulma-block-list/changelog.txt +0 -20
- data/node_modules/bulma-block-list/docs/Gemfile +0 -3
- data/node_modules/bulma-block-list/docs/_config.yml +0 -17
- data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
- data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
- data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
- data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
- data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
- data/node_modules/bulma-block-list/docs/index.html +0 -359
- data/node_modules/bulma-block-list/package.json +0 -22
- data/node_modules/bulma-block-list/src/block-list.scss +0 -156
- data/node_modules/bulma-block-list/src/demo.scss +0 -3
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
@charset "utf-8";
|
|
2
|
-
|
|
3
|
-
// Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
|
|
4
|
-
// Replaces old slash division deprecated in Dart Sass
|
|
5
|
-
@function customDivide($dividend, $divisor, $precision: 10) {
|
|
6
|
-
$sign: if($dividend > 0 and $divisor > 0, 1, -1);
|
|
7
|
-
$dividend: abs($dividend);
|
|
8
|
-
$divisor: abs($divisor);
|
|
9
|
-
$quotient: 0;
|
|
10
|
-
$remainder: $dividend;
|
|
11
|
-
@if $dividend == 0 {
|
|
12
|
-
@return 0;
|
|
13
|
-
}
|
|
14
|
-
@if $divisor == 0 {
|
|
15
|
-
@error "Cannot divide by 0";
|
|
16
|
-
}
|
|
17
|
-
@if $divisor == 1 {
|
|
18
|
-
@return $dividend;
|
|
19
|
-
}
|
|
20
|
-
@while $remainder >= $divisor {
|
|
21
|
-
$quotient: $quotient + 1;
|
|
22
|
-
$remainder: $remainder - $divisor;
|
|
23
|
-
}
|
|
24
|
-
@if $remainder > 0 and $precision > 0 {
|
|
25
|
-
$remainder: divide($remainder * 10, $divisor, $precision - 1) * 0.1;
|
|
26
|
-
}
|
|
27
|
-
@return ($quotient + $remainder) * $sign;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
$block-list-separator: 0.25rem !default;
|
|
31
|
-
$block-list-highlight-width: 5px !default;
|
|
32
|
-
|
|
33
|
-
.content {
|
|
34
|
-
ul.block-list {
|
|
35
|
-
list-style: none;
|
|
36
|
-
margin-left: 0;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.block-list {
|
|
41
|
-
list-style: none;
|
|
42
|
-
|
|
43
|
-
li {
|
|
44
|
-
padding: customDivide($gap, 2);
|
|
45
|
-
background: $light;
|
|
46
|
-
margin-bottom: $block-list-separator;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
li.is-left,
|
|
50
|
-
&.is-left > li {
|
|
51
|
-
text-align: left;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
li.is-centered,
|
|
55
|
-
&.is-centered > li {
|
|
56
|
-
text-align: center;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
li.is-right,
|
|
60
|
-
&.is-right > li {
|
|
61
|
-
text-align: right;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
li.is-small,
|
|
65
|
-
&.is-small > li {
|
|
66
|
-
font-size: $small-font-size;
|
|
67
|
-
padding: customDivide($gap, 3);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
li.is-normal,
|
|
71
|
-
&.is-normal > li {
|
|
72
|
-
font-size: $body-font-size;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
li.is-large,
|
|
76
|
-
&.is-large > li {
|
|
77
|
-
font-size: $size-large;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
li.has-radius,
|
|
81
|
-
&.has-radius > li {
|
|
82
|
-
border-radius: $radius;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
li.is-highlighted,
|
|
86
|
-
&.is-highlighted > li {
|
|
87
|
-
border-left: $block-list-highlight-width $dark solid;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
@mixin outlined($color) {
|
|
91
|
-
background: transparent;
|
|
92
|
-
color: $color;
|
|
93
|
-
border: 1px solid $color;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
li.is-outlined,
|
|
97
|
-
&.is-outlined > li {
|
|
98
|
-
@include outlined($border);
|
|
99
|
-
color: $text;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
li.has-icon {
|
|
103
|
-
display: flex;
|
|
104
|
-
|
|
105
|
-
.icon {
|
|
106
|
-
flex-grow: 0;
|
|
107
|
-
flex-shrink: 0;
|
|
108
|
-
flex-basis: auto;
|
|
109
|
-
margin-right: 1em;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
span {
|
|
113
|
-
flex-grow: 1;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
&.is-right {
|
|
117
|
-
.icon {
|
|
118
|
-
margin-right: 0;
|
|
119
|
-
margin-left: 1em;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
@each $name, $pair in $colors {
|
|
125
|
-
$color: nth($pair, 1);
|
|
126
|
-
$color-invert: nth($pair, 2);
|
|
127
|
-
|
|
128
|
-
li.is-#{$name},
|
|
129
|
-
&.is-#{$name} > li {
|
|
130
|
-
background: $color;
|
|
131
|
-
color: $color-invert;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
li.is-#{$name}.is-outlined {
|
|
135
|
-
@include outlined($color);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
li.is-#{$name}.is-highlighted {
|
|
139
|
-
@include outlined($color);
|
|
140
|
-
border-left: $block-list-highlight-width $color solid;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
&.is-#{$name} {
|
|
144
|
-
li.is-outlined,
|
|
145
|
-
&.is-outlined > li {
|
|
146
|
-
@include outlined($color);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
li.is-highlighted,
|
|
150
|
-
&.is-highlighted > li {
|
|
151
|
-
@include outlined($color);
|
|
152
|
-
border-left: $block-list-highlight-width $color solid;
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
@charset "utf-8";
|
|
2
|
-
@import url("https://fonts.googleapis.com/css?family=Montserrat");
|
|
3
|
-
|
|
4
|
-
$family-sans-serif: "Montserrat", sans-serif;
|
|
5
|
-
$primary: #188eac !default;
|
|
6
|
-
|
|
7
|
-
$tabs-link-active-color: $primary;
|
|
8
|
-
$tabs-link-active-border-bottom-color: $primary;
|
|
9
|
-
|
|
10
|
-
@import "../node_modules/bulma/bulma.sass";
|
|
11
|
-
$hero-darken: $dark !default;
|
|
12
|
-
|
|
13
|
-
@import "layout";
|
|
14
|
-
@import "syntax";
|
|
15
|
-
@import "showcase";
|
|
16
|
-
@import "block-list.scss";
|
|
17
|
-
|
|
18
|
-
.gh-sponsor {
|
|
19
|
-
color: #ea4aaa;
|
|
20
|
-
}
|
|
Binary file
|
|
@@ -1,359 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Bulma Block List
|
|
3
|
-
subtitle: Docs
|
|
4
|
-
layout: page
|
|
5
|
-
menubar: menu
|
|
6
|
-
hero_height: is-medium
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
<div class="columns is-multiline" markdown="0">
|
|
10
|
-
<div class="column is-12 has-text-right">
|
|
11
|
-
<a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
|
|
12
|
-
<img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
|
|
13
|
-
</a>
|
|
14
|
-
<a href="https://github.com/chrisrhymes/bulma-block-list/network/members">
|
|
15
|
-
<img alt="GitHub forks" src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social">
|
|
16
|
-
</a>
|
|
17
|
-
<img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
|
|
18
|
-
</div>
|
|
19
|
-
<div class="column is-12">
|
|
20
|
-
<div class="content">
|
|
21
|
-
<h2 id="installation">Installation</h2>
|
|
22
|
-
<ul>
|
|
23
|
-
<li><code>npm i -S bulma-block-list</code></li>
|
|
24
|
-
<li><code>@import "node_modules/bulma-block-list/src/block-list";</code> after importing Bulma.</li>
|
|
25
|
-
</ul>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<div class="column is-12">
|
|
29
|
-
<div class="content">
|
|
30
|
-
<h2 id="how-to-use">How to use</h2>
|
|
31
|
-
<p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="highlight highlight-text-html-basic">
|
|
34
|
-
<pre>
|
|
35
|
-
<<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>block-list is-small is-outlined is-success is-centered<span class="pl-pds">"</span></span>>
|
|
36
|
-
<<span class="pl-ent">li</span>>Item one</<span class="pl-ent">li</span>>
|
|
37
|
-
<<span class="pl-ent">li</span>>Item two</<span class="pl-ent">li</span>>
|
|
38
|
-
<<span class="pl-ent">li</span>>Item three</<span class="pl-ent">li</span>>
|
|
39
|
-
</<span class="pl-ent">ul</span>></pre>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
<div class="column is-12">
|
|
43
|
-
<p class="title is-4" id="alignment">Alignment</p>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="column is-4">
|
|
46
|
-
<p class="title is-5">is-left (default)</p>
|
|
47
|
-
<ul class="block-list is-left">
|
|
48
|
-
<li>Item one</li>
|
|
49
|
-
<li>Item two</li>
|
|
50
|
-
<li>Item three</li>
|
|
51
|
-
</ul>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="column is-4">
|
|
54
|
-
<p class="title is-5">is-centered</p>
|
|
55
|
-
<ul class="block-list is-centered">
|
|
56
|
-
<li>Item one</li>
|
|
57
|
-
<li>Item two</li>
|
|
58
|
-
<li>Item three</li>
|
|
59
|
-
</ul>
|
|
60
|
-
</div>
|
|
61
|
-
<div class="column is-4">
|
|
62
|
-
<p class="title is-5">is-right</p>
|
|
63
|
-
<ul class="block-list is-right">
|
|
64
|
-
<li>Item one</li>
|
|
65
|
-
<li>Item two</li>
|
|
66
|
-
<li>Item three</li>
|
|
67
|
-
</ul>
|
|
68
|
-
</div>
|
|
69
|
-
|
|
70
|
-
<div class="column is-12">
|
|
71
|
-
<p class="title is-4" id="sizes">Sizes</p>
|
|
72
|
-
</div>
|
|
73
|
-
<div class="column is-4">
|
|
74
|
-
<p class="title is-5">is-small</p>
|
|
75
|
-
<ul class="block-list is-small">
|
|
76
|
-
<li>Item one</li>
|
|
77
|
-
<li>Item two</li>
|
|
78
|
-
<li>Item three</li>
|
|
79
|
-
</ul>
|
|
80
|
-
</div>
|
|
81
|
-
<div class="column is-4">
|
|
82
|
-
<p class="title is-5">is-normal</p>
|
|
83
|
-
<ul class="block-list is-normal">
|
|
84
|
-
<li>Item one</li>
|
|
85
|
-
<li>Item two</li>
|
|
86
|
-
<li>Item three</li>
|
|
87
|
-
</ul>
|
|
88
|
-
</div>
|
|
89
|
-
<div class="column is-4">
|
|
90
|
-
<p class="title is-5">is-large</p>
|
|
91
|
-
<ul class="block-list is-large">
|
|
92
|
-
<li>Item one</li>
|
|
93
|
-
<li>Item two</li>
|
|
94
|
-
<li>Item three</li>
|
|
95
|
-
</ul>
|
|
96
|
-
</div>
|
|
97
|
-
|
|
98
|
-
<div class="column is-12">
|
|
99
|
-
<p class="title is-4" id="colours">Colours</p>
|
|
100
|
-
</div>
|
|
101
|
-
<div class="column is-4">
|
|
102
|
-
<p class="title is-5">is-primary</p>
|
|
103
|
-
<ul class="block-list is-primary">
|
|
104
|
-
<li>Item one</li>
|
|
105
|
-
<li>Item two</li>
|
|
106
|
-
<li>Item three</li>
|
|
107
|
-
</ul>
|
|
108
|
-
</div>
|
|
109
|
-
<div class="column is-4">
|
|
110
|
-
<p class="title is-5">is-info</p>
|
|
111
|
-
<ul class="block-list is-info">
|
|
112
|
-
<li>Item one</li>
|
|
113
|
-
<li>Item two</li>
|
|
114
|
-
<li>Item three</li>
|
|
115
|
-
</ul>
|
|
116
|
-
</div>
|
|
117
|
-
<div class="column is-4">
|
|
118
|
-
<p class="title is-5">is-dark</p>
|
|
119
|
-
<ul class="block-list is-dark">
|
|
120
|
-
<li>Item one</li>
|
|
121
|
-
<li>Item two</li>
|
|
122
|
-
<li>Item three</li>
|
|
123
|
-
</ul>
|
|
124
|
-
</div>
|
|
125
|
-
|
|
126
|
-
<div class="column is-12">
|
|
127
|
-
<p class="title is-4" id="outlined">Outlined</p>
|
|
128
|
-
</div>
|
|
129
|
-
<div class="column is-4">
|
|
130
|
-
<p class="title is-5">is-outlined</p>
|
|
131
|
-
<ul class="block-list is-outlined">
|
|
132
|
-
<li>Item one</li>
|
|
133
|
-
<li>Item two</li>
|
|
134
|
-
<li>Item three</li>
|
|
135
|
-
</ul>
|
|
136
|
-
</div>
|
|
137
|
-
<div class="column is-4">
|
|
138
|
-
<p class="title is-5">is-outlined is-primary</p>
|
|
139
|
-
<ul class="block-list is-outlined is-primary">
|
|
140
|
-
<li>Item one</li>
|
|
141
|
-
<li>Item two</li>
|
|
142
|
-
<li>Item three</li>
|
|
143
|
-
</ul>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="column is-4">
|
|
146
|
-
<p class="title is-5">is-outlined is-dark</p>
|
|
147
|
-
<ul class="block-list is-outlined is-dark">
|
|
148
|
-
<li>Item one</li>
|
|
149
|
-
<li>Item two</li>
|
|
150
|
-
<li>Item three</li>
|
|
151
|
-
</ul>
|
|
152
|
-
</div>
|
|
153
|
-
|
|
154
|
-
<div class="column is-12">
|
|
155
|
-
<p class="title is-4" id="has-radius">Has Radius</p>
|
|
156
|
-
</div>
|
|
157
|
-
<div class="column is-4">
|
|
158
|
-
<p class="title is-5">has-radius is-primary </p>
|
|
159
|
-
<ul class="block-list has-radius is-primary">
|
|
160
|
-
<li>Item one</li>
|
|
161
|
-
<li>Item two</li>
|
|
162
|
-
<li>Item three</li>
|
|
163
|
-
</ul>
|
|
164
|
-
</div>
|
|
165
|
-
<div class="column is-4">
|
|
166
|
-
<p class="title is-5">has-radius is-info</p>
|
|
167
|
-
<ul class="block-list has-radius is-info">
|
|
168
|
-
<li>Item one</li>
|
|
169
|
-
<li>Item two</li>
|
|
170
|
-
<li>Item three</li>
|
|
171
|
-
</ul>
|
|
172
|
-
</div>
|
|
173
|
-
<div class="column is-4">
|
|
174
|
-
<p class="title is-5">has-radius is-dark</p>
|
|
175
|
-
<ul class="block-list has-radius is-dark">
|
|
176
|
-
<li>Item one</li>
|
|
177
|
-
<li>Item two</li>
|
|
178
|
-
<li>Item three</li>
|
|
179
|
-
</ul>
|
|
180
|
-
</div>
|
|
181
|
-
|
|
182
|
-
<div class="column is-12">
|
|
183
|
-
<p class="title is-4" id="highlighted">Is Highlighted</p>
|
|
184
|
-
<p>In v0.4 you can highlight the all list items or individual list items</p>
|
|
185
|
-
</div>
|
|
186
|
-
<div class="column is-4">
|
|
187
|
-
<p class="title is-5">li.is-highlighted</p>
|
|
188
|
-
<ul class="block-list">
|
|
189
|
-
<li>Item one</li>
|
|
190
|
-
<li class="is-highlighted">Item two</li>
|
|
191
|
-
<li>Item three</li>
|
|
192
|
-
</ul>
|
|
193
|
-
</div>
|
|
194
|
-
<div class="column is-4">
|
|
195
|
-
<p class="title is-5">is-highlighted is-info</p>
|
|
196
|
-
<ul class="block-list is-highlighted is-info">
|
|
197
|
-
<li>Item one</li>
|
|
198
|
-
<li>Item two</li>
|
|
199
|
-
<li>Item three</li>
|
|
200
|
-
</ul>
|
|
201
|
-
</div>
|
|
202
|
-
<div class="column is-4">
|
|
203
|
-
<p class="title is-5">is-highlighted is-danger has-radius</p>
|
|
204
|
-
<ul class="block-list is-highlighted is-danger has-radius">
|
|
205
|
-
<li>Item one</li>
|
|
206
|
-
<li>Item two</li>
|
|
207
|
-
<li>Item three</li>
|
|
208
|
-
</ul>
|
|
209
|
-
</div>
|
|
210
|
-
|
|
211
|
-
<div class="column is-12">
|
|
212
|
-
<p class="title is-4" id="has-icon">Has Icon</p>
|
|
213
|
-
<p>In v0.5 you can add icons</p>
|
|
214
|
-
<div class="highlight highlight-text-html-basic">
|
|
215
|
-
<pre>
|
|
216
|
-
<li class="has-icon">
|
|
217
|
-
<span class="icon">
|
|
218
|
-
<i class="fas fa-plane"></i>
|
|
219
|
-
</span>
|
|
220
|
-
<span>Item one</span>
|
|
221
|
-
</li>
|
|
222
|
-
|
|
223
|
-
// .is-right
|
|
224
|
-
<li class="has-icon is-right">
|
|
225
|
-
<span>Item one</span>
|
|
226
|
-
<span class="icon">
|
|
227
|
-
<i class="fas fa-plane"></i>
|
|
228
|
-
</span>
|
|
229
|
-
</li></pre>
|
|
230
|
-
</div>
|
|
231
|
-
</div>
|
|
232
|
-
<div class="column is-4">
|
|
233
|
-
<p class="title is-5">li.has-icon</p>
|
|
234
|
-
<ul class="block-list">
|
|
235
|
-
<li class="has-icon">
|
|
236
|
-
<span class="icon">
|
|
237
|
-
<i class="fas fa-plane"></i>
|
|
238
|
-
</span>
|
|
239
|
-
<span>Item one</span>
|
|
240
|
-
</li>
|
|
241
|
-
<li class="has-icon">
|
|
242
|
-
<span class="icon">
|
|
243
|
-
<i class="fas fa-paper-plane"></i>
|
|
244
|
-
</span>
|
|
245
|
-
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
246
|
-
</li>
|
|
247
|
-
<li>
|
|
248
|
-
<span class="icon">
|
|
249
|
-
<i class="fas fa-plane"></i>
|
|
250
|
-
</span>
|
|
251
|
-
<span>Item Three</span>
|
|
252
|
-
</li>
|
|
253
|
-
</ul>
|
|
254
|
-
</div>
|
|
255
|
-
<div class="column is-4">
|
|
256
|
-
<p class="title is-5">li.has-icon.is-right</p>
|
|
257
|
-
<ul class="block-list">
|
|
258
|
-
<li class="has-icon is-right">
|
|
259
|
-
<span>Item one</span>
|
|
260
|
-
<span class="icon">
|
|
261
|
-
<i class="fas fa-plane"></i>
|
|
262
|
-
</span>
|
|
263
|
-
</li>
|
|
264
|
-
<li class="has-icon is-right">
|
|
265
|
-
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
266
|
-
<span class="icon">
|
|
267
|
-
<i class="fas fa-paper-plane"></i>
|
|
268
|
-
</span>
|
|
269
|
-
</li>
|
|
270
|
-
<li class="has-icon is-right">
|
|
271
|
-
<span>Item Three</span>
|
|
272
|
-
<span class="icon">
|
|
273
|
-
<i class="fas fa-plane"></i>
|
|
274
|
-
</span>
|
|
275
|
-
</li>
|
|
276
|
-
</ul>
|
|
277
|
-
</div>
|
|
278
|
-
<div class="column is-4">
|
|
279
|
-
<p class="title is-5">Combining styles</p>
|
|
280
|
-
<ul class="block-list has-radius">
|
|
281
|
-
<li class="has-icon">
|
|
282
|
-
<span class="icon">
|
|
283
|
-
<i class="fas fa-plane"></i>
|
|
284
|
-
</span>
|
|
285
|
-
<span>Item one</span>
|
|
286
|
-
</li>
|
|
287
|
-
<li class="has-icon is-highlighted is-primary">
|
|
288
|
-
<span class="icon">
|
|
289
|
-
<i class="fas fa-paper-plane"></i>
|
|
290
|
-
</span>
|
|
291
|
-
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
292
|
-
</li>
|
|
293
|
-
<li>
|
|
294
|
-
<span class="icon">
|
|
295
|
-
<i class="fas fa-plane"></i>
|
|
296
|
-
</span>
|
|
297
|
-
<span>Item Three</span>
|
|
298
|
-
</li>
|
|
299
|
-
</ul>
|
|
300
|
-
</div>
|
|
301
|
-
|
|
302
|
-
<div class="column is-12">
|
|
303
|
-
<p class="title is-4" id="list-item-overrides">List Item Overrides</p>
|
|
304
|
-
<p>In v0.3 you can override the classes on a list item</p>
|
|
305
|
-
</div>
|
|
306
|
-
<div class="column is-4">
|
|
307
|
-
<p class="title is-5">li.is-large</p>
|
|
308
|
-
<ul class="block-list">
|
|
309
|
-
<li>Item one</li>
|
|
310
|
-
<li class="is-large">Item two</li>
|
|
311
|
-
<li>Item three</li>
|
|
312
|
-
</ul>
|
|
313
|
-
</div>
|
|
314
|
-
<div class="column is-4">
|
|
315
|
-
<p class="title is-5">li.is-primary</p>
|
|
316
|
-
<ul class="block-list">
|
|
317
|
-
<li>Item one</li>
|
|
318
|
-
<li class="is-primary">Item two</li>
|
|
319
|
-
<li>Item three</li>
|
|
320
|
-
</ul>
|
|
321
|
-
</div>
|
|
322
|
-
<div class="column is-4">
|
|
323
|
-
<p class="title is-5">li.is-primary.is-outlined</p>
|
|
324
|
-
<ul class="block-list">
|
|
325
|
-
<li>Item one</li>
|
|
326
|
-
<li class="is-primary is-outlined">Item two</li>
|
|
327
|
-
<li>Item three</li>
|
|
328
|
-
</ul>
|
|
329
|
-
</div>
|
|
330
|
-
|
|
331
|
-
<div class="column is-12">
|
|
332
|
-
<p class="title is-4" id="combinations">Combinations</p>
|
|
333
|
-
</div>
|
|
334
|
-
<div class="column is-4">
|
|
335
|
-
<p class="title is-5">is-small is-outlined is-success is-centered</p>
|
|
336
|
-
<ul class="block-list is-small is-outlined is-success is-centered">
|
|
337
|
-
<li>Item one</li>
|
|
338
|
-
<li>Item two</li>
|
|
339
|
-
<li>Item three</li>
|
|
340
|
-
</ul>
|
|
341
|
-
</div>
|
|
342
|
-
<div class="column is-4">
|
|
343
|
-
<p class="title is-5">is-large is-warning is-right has-radius</p>
|
|
344
|
-
<ul class="block-list is-large is-warning is-right has-radius">
|
|
345
|
-
<li>Item one</li>
|
|
346
|
-
<li>Item two</li>
|
|
347
|
-
<li>Item three</li>
|
|
348
|
-
</ul>
|
|
349
|
-
</div>
|
|
350
|
-
<div class="column is-4">
|
|
351
|
-
<p class="title is-5">ul.is-danger.is-centered</p>
|
|
352
|
-
<p class="subtitle">li.is-highlighted.is-large</p>
|
|
353
|
-
<ul class="block-list is-centered is-danger">
|
|
354
|
-
<li>Item one</li>
|
|
355
|
-
<li class="is-danger is-highlighted is-large">Item two</li>
|
|
356
|
-
<li>Item three</li>
|
|
357
|
-
</ul>
|
|
358
|
-
</div>
|
|
359
|
-
</div>
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "bulma-block-list",
|
|
3
|
-
"version": "0.7.0",
|
|
4
|
-
"description": "A simple scss package extending Bulma with block style list elements",
|
|
5
|
-
"homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
|
|
6
|
-
"bugs": {
|
|
7
|
-
"url": "https://github.com/chrisrhymes/bulma-block-list/issues"
|
|
8
|
-
},
|
|
9
|
-
"main": "src/block-list.scss",
|
|
10
|
-
"scripts": {},
|
|
11
|
-
"keywords": [
|
|
12
|
-
"Bulma",
|
|
13
|
-
"List",
|
|
14
|
-
"BlockList",
|
|
15
|
-
"Unordered List"
|
|
16
|
-
],
|
|
17
|
-
"author": "chrisrhymes",
|
|
18
|
-
"license": "MIT",
|
|
19
|
-
"dependencies": {
|
|
20
|
-
"bulma": "^0.9.3"
|
|
21
|
-
}
|
|
22
|
-
}
|