Skip to content

Commit d608b75

Browse files
committed
feat(helpers): add general ui class helpers
See the following Bulma page for original information on the classes that are being integrated: http://bulma.io/documentation/modifiers/helpers/
1 parent e7de75f commit d608b75

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+178
-89
lines changed

addon/.gitkeep

Whitespace-only changes.

addon/components/bulma-button.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-button';
33
import { alias, bool } from 'ember-decorators/object/computed';
4-
import { _colorBindings } from '../constants';
4+
import { _colorBindings, _helpers } from '../constants';
55

66
const {
77
Component
@@ -11,7 +11,7 @@ export default Component.extend({
1111
layout,
1212
tagName: 'a',
1313
classNames: ['button'],
14-
classNameBindings: ['isLoading:is-loading', 'loading:is-loading', 'isOutlined:is-outlined', 'outlined:is-outlined', 'isFullwidth:is-fullwidth', 'isFullWidth:is-fullwidth', 'isInverted:is-inverted', 'inverted:is-inverted'].concat(_colorBindings),
14+
classNameBindings: ['isLoading:is-loading', 'loading:is-loading', 'isOutlined:is-outlined', 'outlined:is-outlined', 'isFullwidth:is-fullwidth', 'isFullWidth:is-fullwidth', 'isInverted:is-inverted', 'inverted:is-inverted'].concat(_colorBindings, _helpers),
1515
attributeBindings: ['disabled'],
1616

1717
/**

addon/components/bulma-column.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-column';
3-
import { _responsiveHelpers, _gridBindings } from '../constants';
3+
import { _helpers, _responsiveHelpers, _gridBindings } from '../constants';
44

55
const {
66
Component,
@@ -20,7 +20,7 @@ export default Component.extend({
2020
@private
2121
*/
2222
concatBindings() {
23-
set(this, 'classNameBindings', ['content'].concat(_gridBindings, _responsiveHelpers));
23+
set(this, 'classNameBindings', ['content'].concat(_gridBindings, _responsiveHelpers, _helpers));
2424
},
2525

2626
init() {

addon/components/bulma-columns.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-columns';
3-
import { _responsiveHelpers } from '../constants';
3+
import { _helpers, _responsiveHelpers } from '../constants';
44

55
const {
66
Component
@@ -17,5 +17,5 @@ export default Component.extend({
1717
'isMultiline:is-multiline',
1818
'isGapless:is-gapless',
1919
'isVcentered:is-vcentered'
20-
].concat(_responsiveHelpers)
20+
].concat(_helpers, _responsiveHelpers)
2121
});

addon/components/bulma-container.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-container';
3-
import { _responsiveHelpers } from '../constants';
3+
import { _helpers, _responsiveHelpers } from '../constants';
44

55
const {
66
Component
@@ -9,5 +9,5 @@ const {
99
export default Component.extend({
1010
layout,
1111
classNames: ['container'],
12-
classNameBindings: ['isFluid:is-fluid'].concat(_responsiveHelpers)
12+
classNameBindings: ['isFluid:is-fluid'].concat(_helpers, _responsiveHelpers)
1313
});

addon/components/bulma-control.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-control';
3+
import { _helpers } from '../constants';
34

45
const {
56
Component
@@ -20,5 +21,5 @@ export default Component.extend({
2021
'isGroup:is-group',
2122
'isExpanded:is-expanded',
2223
'isHorizontal:is-horizontal'
23-
]
24+
].concat(_helpers)
2425
});

addon/components/bulma-footer.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-footer';
3-
import { _responsiveHelpers } from '../constants';
3+
import { _helpers, _responsiveHelpers } from '../constants';
44

55
const {
66
Component
@@ -10,5 +10,5 @@ export default Component.extend({
1010
layout,
1111
tagName: 'footer',
1212
classNames: ['footer'],
13-
classNameBindings: _responsiveHelpers
13+
classNameBindings: [].concat(_helpers, _responsiveHelpers)
1414
});

addon/components/bulma-header-menu.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-header-menu';
3-
import { _responsiveHelpers } from '../constants';
3+
import { _helpers, _responsiveHelpers } from '../constants';
44

55
const {
66
Component,
@@ -15,7 +15,7 @@ export default Component.extend({
1515
'isRight:header-right',
1616
'left:header-left',
1717
'right:header-right'
18-
].concat(_responsiveHelpers),
18+
].concat(_helpers, _responsiveHelpers),
1919
/**
2020
Array of links for this menu
2121

addon/components/bulma-header.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-header';
3-
import { _responsiveHelpers } from '../constants';
3+
import { _helpers, _responsiveHelpers } from '../constants';
44

55
const {
66
Component
@@ -10,5 +10,5 @@ export default Component.extend({
1010
layout,
1111
tagName: 'header',
1212
classNames: ['header'],
13-
classNameBindings: _responsiveHelpers
13+
classNameBindings: [].concat(_helpers, _responsiveHelpers)
1414
});

addon/components/bulma-hero-content.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Ember from 'ember';
22
import layout from '../templates/components/bulma-hero-content';
33
import { alias } from 'ember-decorators/object/computed';
4-
import { _responsiveHelpers } from '../constants';
4+
import { _helpers, _responsiveHelpers } from '../constants';
55

66
const {
77
Component
@@ -12,7 +12,7 @@ export default Component.extend({
1212
classNames: ['hero-body'],
1313
classNameBindings: [
1414
'full:is-fullwidth'
15-
].concat(_responsiveHelpers),
15+
].concat(_helpers, _responsiveHelpers),
1616

1717
/**
1818
Signal if is-fluid should be added to the outer container

0 commit comments

Comments
 (0)