UNPKG

@bulmil/core

Version:

![bulmil](https://user-images.githubusercontent.com/2362138/65766959-c721a080-e16f-11e9-9fb9-45a5a2ad0391.jpg)

37 lines (31 loc) 2.87 kB
/*! * Bulmil - MIT License */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const index = require('./index-481858d9.js'); const dividerCss = ".divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;text-transform:uppercase;color:#7a7a7a;font-size:0.75rem;font-weight:600;letter-spacing:0.5px;margin:25px 0}.divider::after,.divider::before{content:\"\";display:block;-ms-flex:1;flex:1;height:1px;background-color:#dbdbdb}.divider:not(.is-right)::after{margin-left:10px}.divider:not(.is-left)::before{margin-right:10px}.divider.is-left::before{display:none}.divider.is-right::after{display:none}.divider.is-vertical{-ms-flex-direction:column;flex-direction:column;margin:0 25px}.divider.is-vertical::after,.divider.is-vertical::before{height:auto;width:1px}.divider.is-vertical::after{margin-left:0;margin-top:10px}.divider.is-vertical::before{margin-right:0;margin-bottom:10px}.divider.is-white::after,.divider.is-white::before{background-color:white}.divider.is-black::after,.divider.is-black::before{background-color:#0a0a0a}.divider.is-light::after,.divider.is-light::before{background-color:whitesmoke}.divider.is-dark::after,.divider.is-dark::before{background-color:#363636}.divider.is-primary::after,.divider.is-primary::before{background-color:#5851ff}.divider.is-primary.is-light::after,.divider.is-primary.is-light::before{background-color:#ebebff}.divider.is-link::after,.divider.is-link::before{background-color:#5851ff}.divider.is-link.is-light::after,.divider.is-link.is-light::before{background-color:#ebebff}.divider.is-info::after,.divider.is-info::before{background-color:#3e8ed0}.divider.is-info.is-light::after,.divider.is-info.is-light::before{background-color:#eff5fb}.divider.is-success::after,.divider.is-success::before{background-color:#48c78e}.divider.is-success.is-light::after,.divider.is-success.is-light::before{background-color:#effaf5}.divider.is-warning::after,.divider.is-warning::before{background-color:#ffe08a}.divider.is-warning.is-light::after,.divider.is-warning.is-light::before{background-color:#fffaeb}.divider.is-danger::after,.divider.is-danger::before{background-color:#f14668}.divider.is-danger.is-light::after,.divider.is-danger.is-light::before{background-color:#feecf0}"; let Divider = class { constructor(hostRef) { index.registerInstance(this, hostRef); /** * IsLight */ this.isLight = false; /** * IsVertical */ this.isVertical = false; } render() { return (index.h(index.Host, { class: { divider: true, 'is-vertical': this.isVertical, 'is-light': this.isLight, [this.color]: Boolean(this.color), [this.alignment]: Boolean(this.alignment), } }, index.h("slot", null))); } }; Divider.style = dividerCss; exports.bm_divider = Divider;