polythene-theme
Advanced tools
Comparing version 0.1.21 to 0.1.22
@@ -5,3 +5,3 @@ import config from 'polythene-theme/common/config'; | ||
const styles = { | ||
'&.selected, &[disabled]': { | ||
'&.selected, &.disabled, &[disabled]': { | ||
cursor: 'default', | ||
@@ -18,4 +18,3 @@ 'pointer-events': 'none' | ||
'border-radius': 'inherit', | ||
'z-index': 2, // to make it float above .wash and .ripple | ||
'pointer-events': 'auto' | ||
'z-index': 2 // to make it float above .wash and .ripple | ||
} | ||
@@ -22,0 +21,0 @@ ] |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles={"&.selected, &[disabled]":{cursor:"default","pointer-events":"none"}," .content":{position:"relative","border-radius":"inherit"," .label":[_polytheneThemeCommonMixin2["default"].fontSmoothing(),{position:"relative",display:"block","border-radius":"inherit","z-index":2,"pointer-events":"auto"}]}," .ripple":{"border-radius":"inherit","z-index":3}," .wash":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"background-color "+_polytheneThemeCommonConfig2["default"].surfaceReactionDuration+" ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{"z-index":1,"border-radius":"inherit","pointer-events":"none"}]};exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles={"&.selected, &.disabled, &[disabled]":{cursor:"default","pointer-events":"none"}," .content":{position:"relative","border-radius":"inherit"," .label":[_polytheneThemeCommonMixin2["default"].fontSmoothing(),{position:"relative",display:"block","border-radius":"inherit","z-index":2}]}," .ripple":{"border-radius":"inherit","z-index":3}," .wash":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"background-color "+_polytheneThemeCommonConfig2["default"].surfaceReactionDuration+" ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{"z-index":1,"border-radius":"inherit","pointer-events":"none"}]};exports["default"]=styles;module.exports=exports["default"]; |
@@ -9,2 +9,6 @@ const flexIndex = (index) => ({ | ||
'.layout, .layout.horizontal, .layout.vertical': [{ | ||
'display': '-webkit-box' | ||
}, { | ||
'display': '-moz-box' | ||
}, { | ||
'display': '-ms-flexbox' | ||
@@ -53,9 +57,17 @@ }, { | ||
}, | ||
'.flex': { | ||
'-ms-flex': '1 1 0.000000001px', | ||
'-webkit-flex': 1, | ||
'flex': 1, | ||
'-webkit-flex-basis': '0.000000001px', | ||
'.flex': [{ | ||
'-webkit-box-flex': 1 | ||
}, { | ||
'-moz-box-flex': 1 | ||
}, { | ||
'-webkit-flex': 1 | ||
}, { | ||
'-ms-flex': 1 | ||
}, { | ||
'flex': 1 | ||
}, { | ||
'-webkit-flex-basis': '0.000000001px' | ||
}, { | ||
'flex-basis': '0.000000001px' | ||
}, | ||
}], | ||
'.span.flex': { | ||
@@ -62,0 +74,0 @@ // for IE 10 |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var flexIndex=function flexIndex(index){return{"-ms-flex":index,"-webkit-flex":index,flex:index}};var styles=[{".layout, .layout.horizontal, .layout.vertical":[{display:"-ms-flexbox"},{display:"-webkit-flex"},{display:"flex"}],".layout.horizontal.inline, .layout.vertical.inline":[{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],".layout.horizontal":{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"},".layout.horizontal.reverse":{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"},".layout.vertical":{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"},".layout.vertical.reverse":{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"},".layout.wrap":{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"},".layout.wrap.reverse":{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"},".flex":{"-ms-flex":"1 1 0.000000001px","-webkit-flex":1,flex:1,"-webkit-flex-basis":"0.000000001px","flex-basis":"0.000000001px"},".span.flex":{display:"block"},".vertical.layout > .flex.auto-vertical":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.auto":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.none":flexIndex("none"),".flex.one":flexIndex(1),".flex.two":flexIndex(2),".flex.three":flexIndex(3),".flex.four":flexIndex(4),".flex.five":flexIndex(5),".flex.six":flexIndex(6),".flex.seven":flexIndex(7),".flex.eight":flexIndex(8),".flex.nine":flexIndex(9),".flex.ten":flexIndex(10),".flex.eleven":flexIndex(11),".flex.twelve":flexIndex(12),".layout.start":{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"},".layout.center, .layout.center-center":{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"},".layout.end":{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"},".layout.start-justified":{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"},".layout.center-justified, .layout.center-center":{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"},".layout.end-justified":{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"},".layout.around-justified":{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"},".layout.justified":{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"},".self-start":{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},".self-center":{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},".self-end":{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},".self-stretch":{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"},".block":{display:"block"},".hidden":{display:"none !important"},".relative":{position:"relative"},".fit":{position:"absolute",top:0,right:0,bottom:0,left:0},"body.fullbleed":{margin:0,height:"100vh"},".segment, segment":{display:"block",position:"relative","-webkit-box-sizing":"border-box","-ms-box-sizing":"border-box","box-sizing":"border-box",margin:"1em 0.5em",padding:"1em","background-color":"white","-webkit-box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","border-radius":"5px 5px 5px 5px"}}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var flexIndex=function flexIndex(index){return{"-ms-flex":index,"-webkit-flex":index,flex:index}};var styles=[{".layout, .layout.horizontal, .layout.vertical":[{display:"-webkit-box"},{display:"-moz-box"},{display:"-ms-flexbox"},{display:"-webkit-flex"},{display:"flex"}],".layout.horizontal.inline, .layout.vertical.inline":[{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],".layout.horizontal":{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"},".layout.horizontal.reverse":{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"},".layout.vertical":{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"},".layout.vertical.reverse":{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"},".layout.wrap":{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"},".layout.wrap.reverse":{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"},".flex":[{"-webkit-box-flex":1},{"-moz-box-flex":1},{"-webkit-flex":1},{"-ms-flex":1},{flex:1},{"-webkit-flex-basis":"0.000000001px"},{"flex-basis":"0.000000001px"}],".span.flex":{display:"block"},".vertical.layout > .flex.auto-vertical":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.auto":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.none":flexIndex("none"),".flex.one":flexIndex(1),".flex.two":flexIndex(2),".flex.three":flexIndex(3),".flex.four":flexIndex(4),".flex.five":flexIndex(5),".flex.six":flexIndex(6),".flex.seven":flexIndex(7),".flex.eight":flexIndex(8),".flex.nine":flexIndex(9),".flex.ten":flexIndex(10),".flex.eleven":flexIndex(11),".flex.twelve":flexIndex(12),".layout.start":{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"},".layout.center, .layout.center-center":{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"},".layout.end":{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"},".layout.start-justified":{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"},".layout.center-justified, .layout.center-center":{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"},".layout.end-justified":{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"},".layout.around-justified":{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"},".layout.justified":{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"},".self-start":{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},".self-center":{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},".self-end":{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},".self-stretch":{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"},".block":{display:"block"},".hidden":{display:"none !important"},".relative":{position:"relative"},".fit":{position:"absolute",top:0,right:0,bottom:0,left:0},"body.fullbleed":{margin:0,height:"100vh"},".segment, segment":{display:"block",position:"relative","-webkit-box-sizing":"border-box","-ms-box-sizing":"border-box","box-sizing":"border-box",margin:"1em 0.5em",padding:"1em","background-color":"white","-webkit-box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","border-radius":"5px 5px 5px 5px"}}];exports["default"]=styles;module.exports=exports["default"]; |
{ | ||
"name": "polythene-theme", | ||
"version": "0.1.21", | ||
"version": "0.1.22", | ||
"description": "Polythene default theme", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
import config from 'polythene-theme/common/config'; | ||
const commonStyle = () => { | ||
return { | ||
'&.scrollable': { | ||
' .scroll-btn': { | ||
' .icon': { | ||
opacity: .7 | ||
}, | ||
'&.inactive': { | ||
' .icon': { | ||
opacity: 0 | ||
} | ||
} | ||
} | ||
}, | ||
' .tab': { | ||
' .content .label': { | ||
opacity: .7 | ||
}, | ||
'&.selected': { | ||
' .content .label': { | ||
opacity: 1 | ||
} | ||
} | ||
} | ||
}; | ||
return {}; | ||
}; | ||
@@ -29,0 +6,0 @@ |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var commonStyle=function commonStyle(){return{"&.scrollable":{" .scroll-btn":{" .icon":{opacity:.7},"&.inactive":{" .icon":{opacity:0}}}}," .tab":{" .content .label":{opacity:.7},"&.selected":{" .content .label":{opacity:1}}}}};var colorStyle=function colorStyle(tint,element,type){return{" .tab:not(.selected) .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint][element][type].normal.color}}};var styles=[{".tabs":commonStyle()},{".tabs":colorStyle("light","icon-button","flat")},{".dark-theme .tabs, .tabs.dark-theme":colorStyle("dark","icon-button","flat")}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var commonStyle=function commonStyle(){return{}};var colorStyle=function colorStyle(tint,element,type){return{" .tab:not(.selected) .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint][element][type].normal.color}}};var styles=[{".tabs":commonStyle()},{".tabs":colorStyle("light","icon-button","flat")},{".dark-theme .tabs, .tabs.dark-theme":colorStyle("dark","icon-button","flat")}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -6,3 +6,3 @@ import config from 'polythene-theme/common/config'; | ||
const menuTabHeight = 44; | ||
const menuTabIconLabelHeight = 50; | ||
const menuTabIconLabelHeight = 44; | ||
const tabIconLabelHeight = 72; | ||
@@ -24,4 +24,3 @@ const fontSize = config.buttonFontSize; | ||
}, config.vendors.transform), { | ||
'overflow-x': 'auto', | ||
'overflow-y': 'hidden', | ||
overflow: 'hidden', | ||
'-webkit-overflow-scrolling': 'touch', | ||
@@ -34,4 +33,2 @@ | ||
'&.scrollable': { | ||
'overflow-x': 'hidden', // prevents artifacts on IE10 | ||
// hide scrollbar (this approach is required for Firefox) | ||
@@ -88,3 +85,4 @@ 'max-height': tabHeight + 'px', // TODO: solve higher tabs, perhaps using `mode` param like header-panel | ||
' .label': { | ||
margin: tabLabelVerticalOffset + 'px 0 0 0' | ||
margin: tabLabelVerticalOffset + 'px 0 0 0', | ||
opacity: .7 | ||
}, | ||
@@ -96,2 +94,7 @@ ' .icon': { | ||
}, | ||
'&.selected': { | ||
' .content .label': { | ||
opacity: 1 | ||
} | ||
}, | ||
'&.hasIconLabel': { | ||
@@ -133,3 +136,3 @@ '&, .content': [{ | ||
left: 0, | ||
'z-index': 9, | ||
'z-index': 5, | ||
width: '100%' // and transformed with js | ||
@@ -141,2 +144,3 @@ // background-color defined in implementation/theme css | ||
'&.menu': { | ||
// reset sizes to fit within a small space | ||
@@ -151,3 +155,3 @@ ' .tab, .tab .content': { | ||
' .tab, .tab.hasIconLabel': { | ||
'min-width': 'initial', | ||
'min-width': 0, | ||
@@ -162,2 +166,3 @@ ' .content': { | ||
'font-size': '10px', | ||
'line-height': '12px', | ||
'text-transform': 'none' | ||
@@ -203,30 +208,25 @@ }, | ||
'z-index': 4, | ||
'pointer-events': 'auto', | ||
cursor: 'pointer', | ||
' .content': { | ||
'border-radius': 0, | ||
'background-color': 'inherit', | ||
' .icon': [ | ||
mixin.vendorize({ | ||
'transition-property': 'opacity' | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-duration': scrollButtonFadeDurationSec | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-timing-function': 'ease-out' | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-delay': '.15s' | ||
}, config.vendors.transition) | ||
] | ||
'background-color': 'inherit' | ||
}, | ||
'&.inactive': { | ||
'pointer-events': 'none', | ||
cursor: 'auto', | ||
' .icon': { | ||
opacity: 0 | ||
' .label': [ | ||
mixin.vendorize({ | ||
'transition-property': 'opacity' | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-duration': scrollButtonFadeDurationSec | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-timing-function': 'ease-out' | ||
}, config.vendors.transition), | ||
mixin.vendorize({ | ||
'transition-delay': '.5s' | ||
}, config.vendors.transition), { | ||
opacity: .7 | ||
} | ||
], | ||
'&.disabled .label': { | ||
opacity: 0 | ||
} | ||
@@ -233,0 +233,0 @@ }, |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=50;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{"overflow-x":"auto","overflow-y":"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"overflow-x":"hidden","max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0"}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":9,width:"100%"}],"&.menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":"initial"," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4,"pointer-events":"auto",cursor:"pointer"," .content":{"border-radius":0,"background-color":"inherit"," .icon":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".15s"},_polytheneThemeCommonConfig2["default"].vendors.transition)]},"&.inactive":{"pointer-events":"none",cursor:"auto"," .icon":{opacity:0}}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.menu) .tab":{"min-width":"160px"}})];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=44;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{overflow:"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0",opacity:.7}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.selected":{" .content .label":{opacity:1}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":5,width:"100%"}],"&.menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":0," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","line-height":"12px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4," .content":{"border-radius":0,"background-color":"inherit"}," .label":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".5s"},_polytheneThemeCommonConfig2["default"].vendors.transition),{opacity:.7}],"&.disabled .label":{opacity:0}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.menu) .tab":{"min-width":"160px"}})];exports["default"]=styles;module.exports=exports["default"]; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
160556
2465