px-table-view-styles.html

<dom-module id="px-table-view-css">
  <template>
		<style>
    @charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */.ptr-loading.ptr,.ptr-reset .ptr__content,.ptr-reset.ptr,.ptr__icon{transition:all .25s ease}html{font-size:.9375em;line-height:1.3333333333;background-color:#fff;color:#000;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body,figure{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1rem}li>ol,li>ul{margin-bottom:0}dd,ol,ul{margin-left:2rem}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}*,:after,:before{box-sizing:inherit}:host{/*! Comment to prevent cssmin munging this rule with html above and borking Safari */box-sizing:border-box}.ptr-refresh{background-color:green}.ptr-loading{background-color:purple}.ptr-reset{background-color:#dc143c}.table-view--ptr{position:relative}.ptr__loader{z-index:10;position:absolute;top:0;left:0;width:100%;height:50px;display:none;background-color:#efeff4;border-bottom:1px solid #b1b1bc;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.ptr__content{overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;box-sizing:border-box}.ptr__icon{opacity:.6;font-size:34px;width:auto;height:auto;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:5px}.ptr__loading{opacity:.4;display:none;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex:1;-ms-flex:1;flex:1;margin:15px 0}.ptr__loading span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:3px;-webkit-transform:scale(.3);transform:scale(.3);border-radius:50%;-webkit-animation:ptr-loading .4s infinite alternate;animation:ptr-loading .4s infinite alternate}.ptr-reset .ptr__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ptr-loading .ptr__content{transition:all .25s ease;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.ptr-loading .ptr__loader{-webkit-transform:translateY(0);transform:translateY(0)}.ptr-loading .ptr__loading{display:block}.ptr__loading #l1{-webkit-animation-delay:0;animation-delay:0}.ptr__loading #l2{-webkit-animation-delay:.2s;animation-delay:.2s}.ptr__loading #l3{-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes ptr-loading{0%{-webkit-transform:translateY(0) scale(.3);transform:translateY(0) scale(.3);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);background-color:#3E87E8;opacity:1}}@keyframes ptr-loading{0%{-webkit-transform:translateY(0) scale(.3);transform:translateY(0) scale(.3);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);background-color:#3E87E8;opacity:1}}.table-view{font-family:"GE Inspira Sans",sans-serif;font-weight:500;font-size:1.1333333333rem;list-style-type:none;margin:0;padding:0;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.table-view .switch{display:inline-block;vertical-align:top;box-sizing:border-box;background-clip:padding-box;font-size:17px;padding:0 20px;border:none;overflow:visible;width:51px;height:32px;z-index:0;text-align:left}.table-view .switch input{position:absolute;overflow:hidden;right:0;bottom:0;padding:0;border:0;opacity:.001;z-index:1;vertical-align:top;outline:0;margin:-6px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:51px;height:44px;top:0;left:0;transition:all .2s linear}.table-view .switch__toggle,.table-view .switch__toggle:before{transition-property:all;transition-duration:.35s;position:absolute}.table-view .switch__toggle{background-color:#ddd;top:0;left:0;right:0;bottom:0;border-radius:30px;transition-timing-function:ease-out}.table-view .switch__toggle:before{box-sizing:border-box;background-clip:padding-box;content:'';border-radius:28px;height:28px;width:28px;background-color:#fff;left:2px;top:2px;transition-timing-function:cubic-bezier(.5,1.6,.5,1)}.table-view .switch input:checked+.toggle{background-color:#4cd964}.table-view .switch input:checked+.toggle:before{-webkit-transform:translateX(18px);transform:translateX(18px)}.table-view .switch input:not(:checked)+.toggle:before{-webkit-transform:translateX(0);transform:translateX(0)}.table-view .switch input:disabled+.toggle{opacity:.3;cursor:default;pointer-events:none}.table-view .switch.table-row{float:right;margin-top:6px;margin-right:10px}.table-view:after,.table-view:before{display:table;content:' '}.table-view:after{clear:both}.table-view .table-row,.table-view ::content .table-row{padding:.6666666667rem}.table-view--tiny .table-row,.table-view--tiny ::content .table-row{padding:.3333333333rem!important}.table-view--small .table-row,.table-view--small ::content .table-row{padding:.6666666667rem!important}.table-view--large .table-row,.table-view--large ::content .table-row{padding:1.3333333333rem!important}.table-view--huge .table-row,.table-view--huge ::content .table-row{padding:2rem!important}.table-view--regular .table-row,.table-view--regular ::content .table-row{padding:1rem!important}.table-view--flush .table-row,.table-view--flush ::content .table-row{padding:0!important}.table-viewul{margin:0!important}.table-view .breadcrumbs li:after{content:' > '}.table-view .breadcrumbs li:last-child:after{content:''}.table-view .breadcrumbs .disabled{opacity:.5;cursor:disabled}.table-view .breadcrumbs .show-for-sr{display:none}.table-view .table-view--drilldown.is-open .drilldown__context:before{-webkit-transform:translateY(-50%);transform:translateY(-50%);font-style:normal;font-weight:400;position:absolute;right:12px;top:50%;color:#ccc;line-height:28px;height:28px;font-size:28px;font-family:FontAwesome;content:""}.table-view .table-view--drilldown.is-open .drilldown__menu{background-color:#dc143c;opacity:1}.table-view .table-view--drilldown{transition:all .4s;border-top:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;opacity:0;position:relative;padding:1rem;background:#eee;border-bottom:1px solid #ccc;cursor:pointer;display:block;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.table-view .table-view--drilldown a{line-height:44px}.table-view .table-view--drilldown .is-drilldown li a:before,.table-view .table-view--drilldown:before{font-style:normal;font-weight:400;right:12px;top:50%;color:#ccc;line-height:28px;height:28px;font-size:28px;font-family:FontAwesome}.table-view .table-view--drilldown:before{-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;content:""}.table-view .table-view--drilldown .is-drilldown{position:relative;overflow:hidden;width:100%}.table-view .table-view--drilldown .is-drilldown .js-drilldown-back a:before{content:'';left:0}.table-view .table-view--drilldown .is-drilldown li{display:block!important;cursor:pointer;margin:0;padding:0}.table-view .table-view--drilldown .is-drilldown li a{position:relative;display:block;width:100%;margin:0;padding:0}.table-view .table-view--drilldown .is-drilldown li a:before{-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;content:""}.table-view .table-row--selected,.table-view .table-row--selected .table-row:before,.table-view .table-row--selected .table-row__body,.table-view .table-row--selected .table-row__label,.table-view .table-row--selected .table-row__label2,.table-view .table-row--selected .table-row__subtitle,.table-view .table-row--selected .table-row__title{color:var(--px-table-row-selected-color,#fff)}.table-view .table-view--drilldown .is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#fff;transition:-webkit-transform .14s linear;transition:transform .14s linear}.table-view .table-view--drilldown .is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.table-view .table-view--drilldown .is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);transform:translateX(100%)}.table-view .table-view--drilldown .is-drilldown-submenu-parent>a{position:relative}.table-view .table-view--drilldown .is-drilldown-submenu-parent>a::after{position:absolute;top:50%;margin-top:-6px}.table-view .table-view--drilldown .js-drilldown-back>a::before{border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.table-view--col,.table-view--responsive{display:-webkit-flex;display:-ms-flexbox}.table-view--responsive{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:-.6666666667rem;margin-top:-.6666666667rem}.table-view--responsive ::content>*,.table-view--responsive>*{-webkit-flex:1 0 15.3333333333rem;-ms-flex:1 0 15.3333333333rem;flex:1 0 15.3333333333rem;margin-left:.6666666667rem;margin-top:.6666666667rem}.table-view--bare .table-row,.table-view--bare ::content .table-row{background-color:transparent;border-bottom:none}.table-view--ptr .table-row,.table-view--ptr ::content .table-row{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.table-view--col{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.table-view--row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.table-view--rev{direction:rtl}.table-view--avatars .table-row img,.table-view--avatars ::content .table-row img{height:32px;border-radius:50%}.table-view--swipeable{overflow-x:hidden}.table-view--inset{background-image:none;border:1px solid;border-color:var(--px-table-view-border-color,#b1b1bc);border-radius:0}.table-view--inset .table-row:last-child{border-bottom:none}.table-view--borders .table-row,.table-view--borders ::content .table-row{border-bottom:1px solid;border-color:var(--px-table-view-border-color,#b1b1bc);border-radius:0}.table-view--borders .table-row:last-child,.table-view--borders ::content .table-row:last-child{border-bottom:none}.table-view .switch{float:right;position:absolute;margin-top:-25px;right:3%}.table-view .switch--table-row{float:right;margin-top:6px;margin-right:10px}.table-view--border-bottom .table-row{border-bottom-style:var(--px-table-row-border-style,solid);border-bottom-width:var(--px-table-row-border-width,1px);border-bottom-color:var(--px-table-row-border-color,#b1b1bc)}.table-view .table-row--selected{background-color:var(--px-table-row-selected-background-color,#0a9ec1)}
    </style>
  </template>
</dom-module>