polythene-theme
Advanced tools
Comparing version 0.1.23 to 0.1.24
@@ -13,3 +13,3 @@ import config from 'polythene-theme/common/config'; | ||
'&[disabled]': { | ||
color: config.color[tint][element][type].disabled.color, | ||
color: config.color[tint][element][type].disabled.color, | ||
' .content': { | ||
@@ -36,29 +36,20 @@ 'background-color': config.color[tint][element][type].disabled.background | ||
const styles = [ | ||
{ | ||
'.button': style('light', 'button', 'flat') | ||
}, | ||
{ | ||
'html.no-touch .button:hover': noWash('light', 'button', 'flat') | ||
}, | ||
{ | ||
'.button.raised': style('light', 'button', 'raised') | ||
}, | ||
{ | ||
'html.no-touch .button.raised:hover': noWash('light', 'button', 'raised') | ||
}, | ||
{ | ||
'.dark-theme .button': style('dark', 'button', 'flat') | ||
}, | ||
{ | ||
'.dark-theme .button.raised': style('dark', 'button', 'raised') | ||
}, | ||
{ | ||
'html.no-touch .dark-theme .button:hover': noWash('dark', 'button', 'flat') | ||
}, | ||
{ | ||
'html.no-touch .dark-theme .button.raised:hover': noWash('dark', 'button', 'raised') | ||
} | ||
]; | ||
const styles = [{ | ||
'.button': style('light', 'button', 'flat') | ||
}, { | ||
'html.no-touch .button:hover': noWash('light', 'button', 'flat') | ||
}, { | ||
'.button.raised': style('light', 'button', 'raised') | ||
}, { | ||
'html.no-touch .button.raised:hover': noWash('light', 'button', 'raised') | ||
}, { | ||
'.dark-theme .button': style('dark', 'button', 'flat') | ||
}, { | ||
'.dark-theme .button.raised': style('dark', 'button', 'raised') | ||
}, { | ||
'html.no-touch .dark-theme .button:hover': noWash('dark', 'button', 'flat') | ||
}, { | ||
'html.no-touch .dark-theme .button.raised:hover': noWash('dark', 'button', 'raised') | ||
}]; | ||
export default styles; |
@@ -0,1 +1,2 @@ | ||
import config from 'polythene-theme/common/config'; | ||
import mixin from 'polythene-theme/common/mixin'; | ||
@@ -8,3 +9,3 @@ | ||
const borderRadiusPx = '2px'; | ||
const borderRadiusPx = config.blockBorderRadius + 'px'; | ||
@@ -24,7 +25,3 @@ const pdH = 16; | ||
const textBtTightPdV = 16; | ||
const offsetTitleLnh = 5; | ||
const primaryTitleLnhNaturalPdTp = 7; | ||
const primaryTitleLnhNaturalPdBt = 9; | ||
const subtitleLnhNaturalPdTp = 3; | ||
const subtitleLnhNaturalPdBt = 7; | ||
@@ -38,3 +35,2 @@ const textLnhNaturalPdTp = 6; | ||
const actionsButtonPd = 6; | ||
const actionsButtonPdPx = actionsButtonPd + 'px'; | ||
const actionsPaddingV = (paddingActionsV - actionsButtonPd); | ||
@@ -41,0 +37,0 @@ const actionsVButtonMargin = 2; |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var imageSizeSmall=1*80;var imageSizeMedium=1.4*80;var imageSizeLarge=2*80;var imageSizeExtraLarge=3*80;var borderRadiusPx="2px";var pdH=16;var paddingV=24;var paddingVSmall=16;var offsetPdVPdVSmall=paddingV-paddingVSmall;var paddingActionsH=8;var paddingActionsV=8;var titlePdH=16;var titlePdV=24;var titleBtTightPdV=16;var textPdH=16;var textPaddingV=16;var textBtPdV=24;var textBtTightPdV=16;var offsetTitleLnh=5;var primaryTitleLnhNaturalPdTp=7;var primaryTitleLnhNaturalPdBt=9;var subtitleLnhNaturalPdTp=3;var subtitleLnhNaturalPdBt=7;var textLnhNaturalPdTp=6;var textLnhNaturalPdBt=7;var oneLnhWithIconPx="72px";var iconElementWidthPx=72-4+"px";var oneLinePdPx="8px";var actionsButtonPd=6;var actionsButtonPdPx=actionsButtonPd+"px";var actionsPaddingV=paddingActionsV-actionsButtonPd;var actionsVButtonMargin=2;var actionsVButtonMarginPx=actionsVButtonMargin+"px";var actionsVPdV=paddingActionsV-actionsVButtonMargin;var actionsVPdVPx=actionsVPdV+"px";var styles=[{".card":{display:"block",position:"relative","border-radius":borderRadiusPx," .shadow":{"z-index":0}," .media":{position:"relative",overflow:"hidden","border-top-left-radius":"inherit","border-top-right-radius":"inherit",".landscape":{"padding-bottom":100/16*9+"%"},".square":{"padding-bottom":"100%"},"&:last-child":{"&, img":{"border-bottom-left-radius":borderRadiusPx,"border-bottom-right-radius":borderRadiusPx}}," img":{display:"none",width:"100%",position:"absolute",top:0,left:0,right:0,bottom:0,".crop-x":{width:"100%",height:"auto",display:"block"},".crop-y":{height:"100%",width:"auto",display:"block"}}}," .header + .media":{"border-top-left-radius":0,"border-top-right-radius":0}," .shadow + .primary-media":{"&, img":{"border-top-left-radius":borderRadiusPx,"border-top-right-radius":borderRadiusPx}}," .overlay, .image-dimmer":{position:"absolute",bottom:0,top:0,right:0,left:0}," .image-dimmer":{"z-index":1}," .overlay-content":{position:"absolute",bottom:0,top:"auto",right:0,left:0,"z-index":2}," .header":{height:oneLnhWithIconPx," .title":{padding:oneLinePdPx+" 0","font-size":"14px","font-weight":"400","line-height":"20px","margin-top":"3px"}," .subtitle":{"font-weight":"400"}," .content-icon":{position:"relative",width:iconElementWidthPx,height:oneLnhWithIconPx,padding:oneLinePdPx+" 0"," .icon":[_polytheneThemeCommonMixin2["default"].verticalCenter("absolute"),{position:"absolute",left:pdH+"px"}]}}," .primary":{position:"relative",".has-media:not(:last-child)":{"padding-bottom":"16px"},".has-media + .actions":{"margin-top":"-16px"},"& + .text":{"margin-top":"-16px"},".tight":{" .title":{"padding-bottom":titleBtTightPdV-subtitleLnhNaturalPdBt+"px"}}," .title":{padding:[titlePdV,titlePdH,titlePdV-subtitleLnhNaturalPdBt,titlePdH].map(function(v){return v+"px"}).join(" "),"font-size":"24px","line-height":"32px"}," .subtitle":{"font-size":"14px","line-height":"24px","margin-top":"-1px"}," .primary-media":{margin:"16px 16px 0 16px",".small":{width:imageSizeSmall+"px"},".medium":{width:imageSizeMedium+"px"},".large":{width:imageSizeLarge+"px"},".extra-large":{width:imageSizeExtraLarge+"px","margin-bottom":"16px"}," .media":{"&, img":{"border-radius":0}}}," .actions":{padding:"8px",margin:"16px 16px 16px 0"}}," .actions":{"min-height":36+2*8+"px",padding:actionsPaddingV+"px"+" "+paddingActionsH+"px",".tight":{"min-height":0},".horizontal:not(.justified)":{" :first-child":{"margin-left":0}," .button":{"min-width":0}," .icon-button":{"margin-right":"8px"}},".vertical":{"padding-top":actionsVPdVPx,"padding-bottom":actionsVPdVPx," .actions":{"margin-left":-paddingActionsH+"px","margin-right":-paddingActionsH+"px","min-height":0,"&:first-child":{"margin-top":-actionsVPdV+"px"},"&:last-child":{"margin-bottom":-actionsVPdV+"px"}}," .button":{height:"36px",padding:0,"margin-top":actionsVButtonMarginPx,"margin-bottom":actionsVButtonMarginPx}," .icon-button .content > span":{padding:"8px"}}}," .text":{"padding-top":textPaddingV-textLnhNaturalPdTp+"px","padding-right":textPdH+"px","padding-left":textPdH+"px","padding-bottom":textBtTightPdV-textLnhNaturalPdBt+"px","font-size":"14px","line-height":"24px","&:last-child":{"padding-bottom":textBtPdV-textLnhNaturalPdBt+"px"},"&.tight, &.tight:last-child":{"padding-bottom":textBtTightPdV-textLnhNaturalPdBt+"px"}}," .text, .primary":{"& + .actions:not(:last-child)":{"margin-top":-(offsetPdVPdVSmall+1)+"px","margin-bottom":-(offsetPdVPdVSmall-1)+"px"}}," .actions + .text":{"margin-top":"8px"}}}];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 imageSizeSmall=1*80;var imageSizeMedium=1.4*80;var imageSizeLarge=2*80;var imageSizeExtraLarge=3*80;var borderRadiusPx=_polytheneThemeCommonConfig2["default"].blockBorderRadius+"px";var pdH=16;var paddingV=24;var paddingVSmall=16;var offsetPdVPdVSmall=paddingV-paddingVSmall;var paddingActionsH=8;var paddingActionsV=8;var titlePdH=16;var titlePdV=24;var titleBtTightPdV=16;var textPdH=16;var textPaddingV=16;var textBtPdV=24;var textBtTightPdV=16;var subtitleLnhNaturalPdBt=7;var textLnhNaturalPdTp=6;var textLnhNaturalPdBt=7;var oneLnhWithIconPx="72px";var iconElementWidthPx=72-4+"px";var oneLinePdPx="8px";var actionsButtonPd=6;var actionsPaddingV=paddingActionsV-actionsButtonPd;var actionsVButtonMargin=2;var actionsVButtonMarginPx=actionsVButtonMargin+"px";var actionsVPdV=paddingActionsV-actionsVButtonMargin;var actionsVPdVPx=actionsVPdV+"px";var styles=[{".card":{display:"block",position:"relative","border-radius":borderRadiusPx," .shadow":{"z-index":0}," .media":{position:"relative",overflow:"hidden","border-top-left-radius":"inherit","border-top-right-radius":"inherit",".landscape":{"padding-bottom":100/16*9+"%"},".square":{"padding-bottom":"100%"},"&:last-child":{"&, img":{"border-bottom-left-radius":borderRadiusPx,"border-bottom-right-radius":borderRadiusPx}}," img":{display:"none",width:"100%",position:"absolute",top:0,left:0,right:0,bottom:0,".crop-x":{width:"100%",height:"auto",display:"block"},".crop-y":{height:"100%",width:"auto",display:"block"}}}," .header + .media":{"border-top-left-radius":0,"border-top-right-radius":0}," .shadow + .primary-media":{"&, img":{"border-top-left-radius":borderRadiusPx,"border-top-right-radius":borderRadiusPx}}," .overlay, .image-dimmer":{position:"absolute",bottom:0,top:0,right:0,left:0}," .image-dimmer":{"z-index":1}," .overlay-content":{position:"absolute",bottom:0,top:"auto",right:0,left:0,"z-index":2}," .header":{height:oneLnhWithIconPx," .title":{padding:oneLinePdPx+" 0","font-size":"14px","font-weight":"400","line-height":"20px","margin-top":"3px"}," .subtitle":{"font-weight":"400"}," .content-icon":{position:"relative",width:iconElementWidthPx,height:oneLnhWithIconPx,padding:oneLinePdPx+" 0"," .icon":[_polytheneThemeCommonMixin2["default"].verticalCenter("absolute"),{position:"absolute",left:pdH+"px"}]}}," .primary":{position:"relative",".has-media:not(:last-child)":{"padding-bottom":"16px"},".has-media + .actions":{"margin-top":"-16px"},"& + .text":{"margin-top":"-16px"},".tight":{" .title":{"padding-bottom":titleBtTightPdV-subtitleLnhNaturalPdBt+"px"}}," .title":{padding:[titlePdV,titlePdH,titlePdV-subtitleLnhNaturalPdBt,titlePdH].map(function(v){return v+"px"}).join(" "),"font-size":"24px","line-height":"32px"}," .subtitle":{"font-size":"14px","line-height":"24px","margin-top":"-1px"}," .primary-media":{margin:"16px 16px 0 16px",".small":{width:imageSizeSmall+"px"},".medium":{width:imageSizeMedium+"px"},".large":{width:imageSizeLarge+"px"},".extra-large":{width:imageSizeExtraLarge+"px","margin-bottom":"16px"}," .media":{"&, img":{"border-radius":0}}}," .actions":{padding:"8px",margin:"16px 16px 16px 0"}}," .actions":{"min-height":36+2*8+"px",padding:actionsPaddingV+"px"+" "+paddingActionsH+"px",".tight":{"min-height":0},".horizontal:not(.justified)":{" :first-child":{"margin-left":0}," .button":{"min-width":0}," .icon-button":{"margin-right":"8px"}},".vertical":{"padding-top":actionsVPdVPx,"padding-bottom":actionsVPdVPx," .actions":{"margin-left":-paddingActionsH+"px","margin-right":-paddingActionsH+"px","min-height":0,"&:first-child":{"margin-top":-actionsVPdV+"px"},"&:last-child":{"margin-bottom":-actionsVPdV+"px"}}," .button":{height:"36px",padding:0,"margin-top":actionsVButtonMarginPx,"margin-bottom":actionsVButtonMarginPx}," .icon-button .content > span":{padding:"8px"}}}," .text":{"padding-top":textPaddingV-textLnhNaturalPdTp+"px","padding-right":textPdH+"px","padding-left":textPdH+"px","padding-bottom":textBtTightPdV-textLnhNaturalPdBt+"px","font-size":"14px","line-height":"24px","&:last-child":{"padding-bottom":textBtPdV-textLnhNaturalPdBt+"px"},"&.tight, &.tight:last-child":{"padding-bottom":textBtTightPdV-textLnhNaturalPdBt+"px"}}," .text, .primary":{"& + .actions:not(:last-child)":{"margin-top":-(offsetPdVPdVSmall+1)+"px","margin-bottom":-(offsetPdVPdVSmall-1)+"px"}}," .actions + .text":{"margin-top":"8px"}}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -29,3 +29,3 @@ | ||
const lightHoverBackgroundAlpha = 0.08; | ||
const lightHoverBackgroundColor = rgba('0, 0, 0', lightHoverBackgroundAlpha); // comparable to rgba(#999, .2) | ||
const lightSelectedBackgroundColor = rgba('0, 0, 0', lightHoverBackgroundAlpha); // comparable to rgba(#999, .2) | ||
const lightActiveBackgroundAlpha = 0.14; | ||
@@ -45,3 +45,3 @@ const lightActiveBackgroundColor = rgba('0, 0, 0', lightActiveBackgroundAlpha); | ||
const darkHoverBackgroundAlpha = 0.08; | ||
const darkHoverBackgroundColor = rgba('255, 255, 255', darkHoverBackgroundAlpha); | ||
const darkSelectedBackgroundColor = rgba('255, 255, 255', darkHoverBackgroundAlpha); | ||
const darkActiveBackgroundAlpha = 0.14; | ||
@@ -57,3 +57,3 @@ const darkActiveBackgroundColor = rgba('255, 255, 255', darkActiveBackgroundAlpha); | ||
hover: { | ||
background: lightHoverBackgroundColor | ||
background: lightSelectedBackgroundColor | ||
}, | ||
@@ -77,3 +77,3 @@ active: { | ||
active: { | ||
background: lightHoverBackgroundColor // same as :hover | ||
background: lightSelectedBackgroundColor // same as :hover | ||
}, | ||
@@ -94,3 +94,3 @@ disabled: { | ||
hover: { | ||
background: darkHoverBackgroundColor | ||
background: darkSelectedBackgroundColor | ||
}, | ||
@@ -160,2 +160,6 @@ active: { | ||
fontSizeTitle: 20, | ||
menuSizeUnit: 56, | ||
blockBorderRadius: 2, | ||
zIndexMenu: 999, | ||
zIndexDialog: 9999, | ||
@@ -195,7 +199,9 @@ vendors: { | ||
borderColor: lightBorderColor, | ||
backgroundHoverColor: lightHoverBackgroundColor | ||
backgroundSelected: lightSelectedBackgroundColor | ||
}, | ||
'list-tile': { | ||
header: lightPrimaryTextColor, | ||
subheader: lightTertiaryTextColor | ||
subheader: lightTertiaryTextColor, | ||
backgroundSelected: lightSelectedBackgroundColor, | ||
disabled: lightDisabledTextColor | ||
}, | ||
@@ -216,2 +222,5 @@ dialog: { | ||
} | ||
}, | ||
menu: { | ||
background: lightBackgroundColor | ||
} | ||
@@ -241,7 +250,9 @@ }, | ||
borderColor: darkBorderColor, | ||
backgroundHoverColor: darkHoverBackgroundColor | ||
backgroundSelected: darkSelectedBackgroundColor | ||
}, | ||
'list-tile': { | ||
header: darkPrimaryTextColor, | ||
subheader: darkTertiaryTextColor | ||
subheader: darkTertiaryTextColor, | ||
backgroundSelected: darkSelectedBackgroundColor, | ||
disabled: darkDisabledTextColor | ||
}, | ||
@@ -262,2 +273,5 @@ dialog: { | ||
} | ||
}, | ||
menu: { | ||
background: darkBackgroundColor | ||
} | ||
@@ -264,0 +278,0 @@ } |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});require("polythene-theme/common/object.assign");var rgba=function rgba(color,opacity){return"rgba("+color+","+opacity+")"};var gridUnit=4;var componentGridUnit=8;var buttonSize=6*componentGridUnit;var iconSize=3*componentGridUnit;var materialColorsBlue500="#2196f3";var materialColorsBlue600="#1e88e5";var materialColorsBlue700="#1976d2";var lightBackgroundColor="#fff";var lightPrimaryTextColor=rgba("0, 0, 0",.87);var lightTextColor=rgba("0, 0, 0",.73);var lightButtonLabelColor=rgba("0, 0, 0",.69);var lightSecondaryTextAlpha=.54;var lightSecondaryTextColor=rgba("0, 0, 0",lightSecondaryTextAlpha);var lightTertiaryTextColor=rgba("0, 0, 0",.4);var lightDisabledTextColor=rgba("0, 0, 0",.26);var lightHintTextColor=lightDisabledTextColor;var lightBorderColor=rgba("0, 0, 0",.11);var lightHoverBackgroundAlpha=.08;var lightHoverBackgroundColor=rgba("0, 0, 0",lightHoverBackgroundAlpha);var lightActiveBackgroundAlpha=.14;var lightActiveBackgroundColor=rgba("0, 0, 0",lightActiveBackgroundAlpha);var darkBackgroundColor="#222";var darkPrimaryTextColor=rgba("255, 255, 255",1);var darkTextColor=darkPrimaryTextColor;var darkSecondaryTextAlpha=.7;var darkSecondaryTextColor=rgba("255, 255, 255",darkSecondaryTextAlpha);var darkButtonLabelColor=darkSecondaryTextColor;var darkTertiaryTextColor=rgba("255, 255, 255",.4);var darkDisabledTextColor=rgba("255, 255, 255",.26);var darkHintTextColor=darkDisabledTextColor;var darkBorderColor=rgba("255, 255, 255",.1);var darkHoverBackgroundAlpha=.08;var darkHoverBackgroundColor=rgba("255, 255, 255",darkHoverBackgroundAlpha);var darkActiveBackgroundAlpha=.14;var darkActiveBackgroundColor=rgba("255, 255, 255",darkActiveBackgroundAlpha);var buttonLightConfig={flat:{normal:{background:"transparent",color:lightPrimaryTextColor},hover:{background:lightHoverBackgroundColor},active:{background:lightActiveBackgroundColor},disabled:{background:"transparent",color:lightDisabledTextColor}},raised:{normal:{background:"#E0E0E0",color:lightPrimaryTextColor},hover:{background:"transparent"},active:{background:lightHoverBackgroundColor},disabled:{background:rgba("0, 0, 0",.07),color:lightDisabledTextColor}}};var buttonDarkConfig={flat:{normal:{background:"transparent",color:"#fff"},hover:{background:darkHoverBackgroundColor},active:{background:darkActiveBackgroundColor},disabled:{background:"transparent",color:rgba("255, 255, 255",.3)}},raised:{normal:{background:materialColorsBlue500,color:darkPrimaryTextColor},hover:{background:materialColorsBlue600},active:{background:materialColorsBlue700},disabled:{background:rgba("255, 255, 255",.12),color:rgba("255, 255, 255",.3)}}};var iconButtonLightConfig=JSON.parse(JSON.stringify(buttonLightConfig));iconButtonLightConfig.flat.normal.color=lightSecondaryTextColor;var iconButtonDarkConfig=JSON.parse(JSON.stringify(buttonDarkConfig));iconButtonDarkConfig.flat.normal.color=darkSecondaryTextColor;exports["default"]={gridUnit:gridUnit,componentGridUnit:componentGridUnit,screenSizeExtraLarge:1280,screenSizeLarge:960,screenSizeMedium:480,screenSizeSmall:320,buttonHeight:36,buttonTouchHeight:48,buttonBorderRadius:2,buttonFontSize:14,buttonFontWeight:500,surfaceReactionDuration:".2s",lineHeight:1.3,lineHeightEm:"1.3em",buttonSize:buttonSize,iconSizeLarge:5*componentGridUnit,iconSizeMedium:4*componentGridUnit,iconSize:iconSize,iconSizeSmall:2*componentGridUnit,iconButtonPadding:(buttonSize-iconSize)/2,indent:72,toolbarHeightDesktop:64,toolbarHeightMobilePortrait:56,toolbarHeightMobileLandscape:48,fontWeightNormal:400,fontWeightMedium:500,fontWeightBold:700,fontSizeTitle:20,vendors:{animation:["o","moz","webkit"],background_size:["o","moz","webkit"],box_shadow:["moz","webkit"],keyframes:["o","moz","webkit"],transform:["o","moz","ms","webkit"],transition:["o","moz","webkit"],user_select:["moz","ms","webkit"]},color:{light:{button:buttonLightConfig,"icon-button":iconButtonLightConfig,card:{main:{backgroundColor:lightBackgroundColor},title:{color:lightPrimaryTextColor},subtitle:{color:lightSecondaryTextColor},text:{color:lightTextColor},actions:{borderColor:lightBorderColor}},list:{borderColor:lightBorderColor,backgroundHoverColor:lightHoverBackgroundColor},"list-tile":{header:lightPrimaryTextColor,subheader:lightTertiaryTextColor},dialog:{content:{background:lightBackgroundColor},title:{color:lightPrimaryTextColor},body:{color:lightTextColor,border:lightBorderColor},backdrop:{background:"rgba(0, 0, 0, .4)"}}},dark:{button:buttonDarkConfig,"icon-button":iconButtonDarkConfig,card:{main:{backgroundColor:darkBackgroundColor},title:{color:darkPrimaryTextColor},subtitle:{color:darkSecondaryTextColor},text:{color:darkSecondaryTextColor},actions:{borderColor:darkBorderColor}},list:{borderColor:darkBorderColor,backgroundHoverColor:darkHoverBackgroundColor},"list-tile":{header:darkPrimaryTextColor,subheader:darkTertiaryTextColor},dialog:{content:{background:darkBackgroundColor},title:{color:darkPrimaryTextColor},body:{color:darkTextColor,border:darkBorderColor},backdrop:{background:"rgba(0, 0, 0, .5)"}}}}};module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});require("polythene-theme/common/object.assign");var rgba=function rgba(color,opacity){return"rgba("+color+","+opacity+")"};var gridUnit=4;var componentGridUnit=8;var buttonSize=6*componentGridUnit;var iconSize=3*componentGridUnit;var materialColorsBlue500="#2196f3";var materialColorsBlue600="#1e88e5";var materialColorsBlue700="#1976d2";var lightBackgroundColor="#fff";var lightPrimaryTextColor=rgba("0, 0, 0",.87);var lightTextColor=rgba("0, 0, 0",.73);var lightButtonLabelColor=rgba("0, 0, 0",.69);var lightSecondaryTextAlpha=.54;var lightSecondaryTextColor=rgba("0, 0, 0",lightSecondaryTextAlpha);var lightTertiaryTextColor=rgba("0, 0, 0",.4);var lightDisabledTextColor=rgba("0, 0, 0",.26);var lightHintTextColor=lightDisabledTextColor;var lightBorderColor=rgba("0, 0, 0",.11);var lightHoverBackgroundAlpha=.08;var lightSelectedBackgroundColor=rgba("0, 0, 0",lightHoverBackgroundAlpha);var lightActiveBackgroundAlpha=.14;var lightActiveBackgroundColor=rgba("0, 0, 0",lightActiveBackgroundAlpha);var darkBackgroundColor="#222";var darkPrimaryTextColor=rgba("255, 255, 255",1);var darkTextColor=darkPrimaryTextColor;var darkSecondaryTextAlpha=.7;var darkSecondaryTextColor=rgba("255, 255, 255",darkSecondaryTextAlpha);var darkButtonLabelColor=darkSecondaryTextColor;var darkTertiaryTextColor=rgba("255, 255, 255",.4);var darkDisabledTextColor=rgba("255, 255, 255",.26);var darkHintTextColor=darkDisabledTextColor;var darkBorderColor=rgba("255, 255, 255",.1);var darkHoverBackgroundAlpha=.08;var darkSelectedBackgroundColor=rgba("255, 255, 255",darkHoverBackgroundAlpha);var darkActiveBackgroundAlpha=.14;var darkActiveBackgroundColor=rgba("255, 255, 255",darkActiveBackgroundAlpha);var buttonLightConfig={flat:{normal:{background:"transparent",color:lightPrimaryTextColor},hover:{background:lightSelectedBackgroundColor},active:{background:lightActiveBackgroundColor},disabled:{background:"transparent",color:lightDisabledTextColor}},raised:{normal:{background:"#E0E0E0",color:lightPrimaryTextColor},hover:{background:"transparent"},active:{background:lightSelectedBackgroundColor},disabled:{background:rgba("0, 0, 0",.07),color:lightDisabledTextColor}}};var buttonDarkConfig={flat:{normal:{background:"transparent",color:"#fff"},hover:{background:darkSelectedBackgroundColor},active:{background:darkActiveBackgroundColor},disabled:{background:"transparent",color:rgba("255, 255, 255",.3)}},raised:{normal:{background:materialColorsBlue500,color:darkPrimaryTextColor},hover:{background:materialColorsBlue600},active:{background:materialColorsBlue700},disabled:{background:rgba("255, 255, 255",.12),color:rgba("255, 255, 255",.3)}}};var iconButtonLightConfig=JSON.parse(JSON.stringify(buttonLightConfig));iconButtonLightConfig.flat.normal.color=lightSecondaryTextColor;var iconButtonDarkConfig=JSON.parse(JSON.stringify(buttonDarkConfig));iconButtonDarkConfig.flat.normal.color=darkSecondaryTextColor;exports["default"]={gridUnit:gridUnit,componentGridUnit:componentGridUnit,screenSizeExtraLarge:1280,screenSizeLarge:960,screenSizeMedium:480,screenSizeSmall:320,buttonHeight:36,buttonTouchHeight:48,buttonBorderRadius:2,buttonFontSize:14,buttonFontWeight:500,surfaceReactionDuration:".2s",lineHeight:1.3,lineHeightEm:"1.3em",buttonSize:buttonSize,iconSizeLarge:5*componentGridUnit,iconSizeMedium:4*componentGridUnit,iconSize:iconSize,iconSizeSmall:2*componentGridUnit,iconButtonPadding:(buttonSize-iconSize)/2,indent:72,toolbarHeightDesktop:64,toolbarHeightMobilePortrait:56,toolbarHeightMobileLandscape:48,fontWeightNormal:400,fontWeightMedium:500,fontWeightBold:700,fontSizeTitle:20,menuSizeUnit:56,blockBorderRadius:2,zIndexMenu:999,zIndexDialog:9999,vendors:{animation:["o","moz","webkit"],background_size:["o","moz","webkit"],box_shadow:["moz","webkit"],keyframes:["o","moz","webkit"],transform:["o","moz","ms","webkit"],transition:["o","moz","webkit"],user_select:["moz","ms","webkit"]},color:{light:{button:buttonLightConfig,"icon-button":iconButtonLightConfig,card:{main:{backgroundColor:lightBackgroundColor},title:{color:lightPrimaryTextColor},subtitle:{color:lightSecondaryTextColor},text:{color:lightTextColor},actions:{borderColor:lightBorderColor}},list:{borderColor:lightBorderColor,backgroundSelected:lightSelectedBackgroundColor},"list-tile":{header:lightPrimaryTextColor,subheader:lightTertiaryTextColor,backgroundSelected:lightSelectedBackgroundColor,disabled:lightDisabledTextColor},dialog:{content:{background:lightBackgroundColor},title:{color:lightPrimaryTextColor},body:{color:lightTextColor,border:lightBorderColor},backdrop:{background:"rgba(0, 0, 0, .4)"}},menu:{background:lightBackgroundColor}},dark:{button:buttonDarkConfig,"icon-button":iconButtonDarkConfig,card:{main:{backgroundColor:darkBackgroundColor},title:{color:darkPrimaryTextColor},subtitle:{color:darkSecondaryTextColor},text:{color:darkSecondaryTextColor},actions:{borderColor:darkBorderColor}},list:{borderColor:darkBorderColor,backgroundSelected:darkSelectedBackgroundColor},"list-tile":{header:darkPrimaryTextColor,subheader:darkTertiaryTextColor,backgroundSelected:darkSelectedBackgroundColor,disabled:darkDisabledTextColor},dialog:{content:{background:darkBackgroundColor},title:{color:darkPrimaryTextColor},body:{color:darkTextColor,border:darkBorderColor},backdrop:{background:"rgba(0, 0, 0, .5)"}},menu:{background:darkBackgroundColor}}}};module.exports=exports["default"]; |
@@ -17,3 +17,3 @@ import FastClick from 'fastclick'; | ||
const handleScroll = (e) => { | ||
const handleScroll = () => { | ||
remove(); | ||
@@ -20,0 +20,0 @@ if (timeoutId) { |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _fastclick=require("fastclick");var _fastclick2=_interopRequireDefault(_fastclick);var _polythenePolythenePolythene=require("polythene/polythene/polythene");var _polythenePolythenePolythene2=_interopRequireDefault(_polythenePolythenePolythene);var layer=document.body;var throttle=150;var fastClick=undefined;var timeoutId=undefined;var remove=function remove(){fastClick.destroy()};var add=function add(){fastClick=new _fastclick2["default"](layer)};var handleScroll=function handleScroll(e){remove();if(timeoutId){window.clearTimeout(timeoutId)}timeoutId=window.setTimeout(add,throttle)};var init=function init(){if(_polythenePolythenePolythene2["default"].isTouch()){_polythenePolythenePolythene2["default"].addListener("scroll",handleScroll);add()}};init();exports["default"]={add:add,remove:remove};module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _fastclick=require("fastclick");var _fastclick2=_interopRequireDefault(_fastclick);var _polythenePolythenePolythene=require("polythene/polythene/polythene");var _polythenePolythenePolythene2=_interopRequireDefault(_polythenePolythenePolythene);var layer=document.body;var throttle=150;var fastClick=undefined;var timeoutId=undefined;var remove=function remove(){fastClick.destroy()};var add=function add(){fastClick=new _fastclick2["default"](layer)};var handleScroll=function handleScroll(){remove();if(timeoutId){window.clearTimeout(timeoutId)}timeoutId=window.setTimeout(add,throttle)};var init=function init(){if(_polythenePolythenePolythene2["default"].isTouch()){_polythenePolythenePolythene2["default"].addListener("scroll",handleScroll);add()}};init();exports["default"]={add:add,remove:remove};module.exports=exports["default"]; |
@@ -25,3 +25,3 @@ import config from 'polythene-theme/common/config'; | ||
bottom: 0, | ||
'z-index': 9999, | ||
'z-index': config.zIndexDialog, | ||
opacity: 0, | ||
@@ -34,5 +34,13 @@ height: '100vh', | ||
'max-height': '100%', | ||
'min-width': 56 * 5 + 'px', | ||
'border-radius': borderRadiusPx | ||
}, | ||
' .dialog-content:not(.menu-content)': { | ||
'min-width': 56 * 5 + 'px' | ||
}, | ||
' .dialog-content.menu-content': { | ||
' .dialog-body': { | ||
padding: 0, | ||
border: 'none' | ||
} | ||
}, | ||
' .dialog-header, .dialog-body': { | ||
@@ -39,0 +47,0 @@ '> .title': { |
@@ -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 padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var headerHeight=60;var footerHeight=52;var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":9999,opacity:0,height:"100vh",padding:paddingPx+" 40px"," .dialog-content":{position:"relative","max-height":"100%","min-width":56*5+"px","border-radius":borderRadiusPx}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":headerHeight+"px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"},_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-bottom-style":"solid"},{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":"1px","border-style":"solid none","border-color":"transparent","max-height":"calc(100vh - "+paddingPx+" - "+(headerHeight+footerHeight)+"px)"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":footerHeight+"px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100vh",border:"none","max-height":"calc(100vh)"}}," .mainContainer":{}}}],"body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];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 padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var headerHeight=60;var footerHeight=52;var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":_polytheneThemeCommonConfig2["default"].zIndexDialog,opacity:0,height:"100vh",padding:paddingPx+" 40px"," .dialog-content":{position:"relative","max-height":"100%","border-radius":borderRadiusPx}," .dialog-content:not(.menu-content)":{"min-width":56*5+"px"}," .dialog-content.menu-content":{" .dialog-body":{padding:0,border:"none"}}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":headerHeight+"px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"},_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-bottom-style":"solid"},{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":"1px","border-style":"solid none","border-color":"transparent","max-height":"calc(100vh - "+paddingPx+" - "+(headerHeight+footerHeight)+"px)"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":footerHeight+"px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100vh",border:"none","max-height":"calc(100vh)"}}," .mainContainer":{}}}],"body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -8,5 +8,13 @@ import config from 'polythene-theme/common/config'; | ||
}, | ||
'&.subheader .list-tile-title, .list-tile-info': { | ||
color: config.color[tint][element].subheader | ||
}, | ||
'&.disabled': { | ||
'&, .list-tile-title, .list-tile-info': { | ||
color: config.color[tint][element].disabled | ||
} | ||
}, | ||
' .list-tile-primary, .list-tile-secondary': { | ||
@@ -19,2 +27,5 @@ '&, a': { | ||
} | ||
}, | ||
'&.selected': { | ||
'background-color': config.color[tint][element].backgroundSelected | ||
} | ||
@@ -21,0 +32,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 style=function style(tint,element){return{"&, .list-tile-title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].header},"&.subheader .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].subheader}," .list-tile-primary, .list-tile-secondary":{"&, a":{color:"inherit"}," .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint]["icon-button"].flat.normal.color}}}};var styles=[{".list-tile":style("light","list-tile"),".dark-theme .list-tile":style("dark","list-tile")}];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 style=function style(tint,element){return{"&, .list-tile-title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].header},"&.subheader .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].subheader},"&.disabled":{"&, .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].disabled}}," .list-tile-primary, .list-tile-secondary":{"&, a":{color:"inherit"}," .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint]["icon-button"].flat.normal.color}},"&.selected":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backgroundSelected}}};var styles=[{".list-tile":style("light","list-tile"),".dark-theme .list-tile":style("dark","list-tile")}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -26,2 +26,6 @@ import config from 'polythene-theme/common/config'; | ||
'&.disabled': { | ||
cursor: 'default' | ||
}, | ||
'&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line': { | ||
@@ -28,0 +32,0 @@ '&.list-tile-has-icon': { |
@@ -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 oneLineHeight=48;var oneLineHeightWithIcon=56;var twoLineHeight=72;var threeLineHeight=88;var oneLinePadding=8;var twoLinePadding=16;var threeLinePadding=16;var iconElementWidth=72;var sidePadding=2*_polytheneThemeCommonConfig2["default"].componentGridUnit;var sidePaddingPx=sidePadding+"px";var styles=[{".list-tile":{position:"relative","&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-title":{"font-size":"14px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightMedium}},"&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line":{"&.list-tile-has-icon":{" .list-tile-content-icon":{" .icon":{left:sidePaddingPx}}," .list-tile-content":{"padding-left":0,"padding-right":sidePaddingPx}},"&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px","padding-top":0,"padding-bottom":0}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeight+"px",padding:0}}}},"&.list-tile-single-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px",padding:oneLinePadding+"px"+" 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:"5px 0","line-height":oneLineHeight-2*oneLinePadding-2*5+1+"px"}}}],"&.list-tile-single-line.list-tile-has-icon":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeightWithIcon+"px"}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeightWithIcon-2*oneLinePadding-2*5+1+"px"}}},"&.list-tile-two-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:twoLineHeight+"px",padding:twoLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}],"&.list-tile-three-line":[{" .list-tile-content-icon":{" .icon":{top:threeLinePadding+"px"}}},{" .list-tile-content-icon, .list-tile-content":{height:threeLineHeight+"px",padding:threeLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}]," .list-tile-title":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"16px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightNormal}]," .list-tile-secondary":{"font-size":"12px","text-align":"right"}," .list-tile-content-icon":{position:"relative",width:iconElementWidth+"px"," .icon":{position:"absolute",left:0}}," .list-tile-content-icon, .list-tile-content":[_polytheneThemeCommonMixin2["default"].verticalCenterParent(),{position:"relative"}]," a":{display:"block"}," a.list-tile-primary":{color:"inherit","text-decoration":"none"}," .list-tile-info":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"14px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"max-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"&.list-tile-double-info":{height:2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","max-height":2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","white-space":"normal"}}]}}];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 oneLineHeight=48;var oneLineHeightWithIcon=56;var twoLineHeight=72;var threeLineHeight=88;var oneLinePadding=8;var twoLinePadding=16;var threeLinePadding=16;var iconElementWidth=72;var sidePadding=2*_polytheneThemeCommonConfig2["default"].componentGridUnit;var sidePaddingPx=sidePadding+"px";var styles=[{".list-tile":{position:"relative","&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-title":{"font-size":"14px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightMedium}},"&.disabled":{cursor:"default"},"&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line":{"&.list-tile-has-icon":{" .list-tile-content-icon":{" .icon":{left:sidePaddingPx}}," .list-tile-content":{"padding-left":0,"padding-right":sidePaddingPx}},"&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px","padding-top":0,"padding-bottom":0}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeight+"px",padding:0}}}},"&.list-tile-single-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px",padding:oneLinePadding+"px"+" 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:"5px 0","line-height":oneLineHeight-2*oneLinePadding-2*5+1+"px"}}}],"&.list-tile-single-line.list-tile-has-icon":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeightWithIcon+"px"}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeightWithIcon-2*oneLinePadding-2*5+1+"px"}}},"&.list-tile-two-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:twoLineHeight+"px",padding:twoLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}],"&.list-tile-three-line":[{" .list-tile-content-icon":{" .icon":{top:threeLinePadding+"px"}}},{" .list-tile-content-icon, .list-tile-content":{height:threeLineHeight+"px",padding:threeLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}]," .list-tile-title":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"16px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightNormal}]," .list-tile-secondary":{"font-size":"12px","text-align":"right"}," .list-tile-content-icon":{position:"relative",width:iconElementWidth+"px"," .icon":{position:"absolute",left:0}}," .list-tile-content-icon, .list-tile-content":[_polytheneThemeCommonMixin2["default"].verticalCenterParent(),{position:"relative"}]," a":{display:"block"}," a.list-tile-primary":{color:"inherit","text-decoration":"none"}," .list-tile-info":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"14px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"max-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"&.list-tile-double-info":{height:2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","max-height":2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","white-space":"normal"}}]}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -31,4 +31,4 @@ import config from 'polythene-theme/common/config'; | ||
'&.hoverable': { | ||
' .list-tile:not(.subheader):hover': { | ||
'background-color': config.color[tint][element].backgroundHoverColor | ||
' .list-tile:not(.subheader):not(.disabled):hover': { | ||
'background-color': config.color[tint][element].backgroundSelected | ||
} | ||
@@ -35,0 +35,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 style=function style(tint,element){return{"& + .list":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor},"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor}}}},"&.bordered-indent":{" .list-tile:not(.subheader)":{" &:not(:last-child) .list-tile-content":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor}}}}};var hoverRow=function hoverRow(tint,element){return{"&.hoverable":{" .list-tile:not(.subheader):hover":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backgroundHoverColor}}}};var styles=[{".list":style("light","list"),"html.no-touch .list":hoverRow("light","list"),".dark-theme .list, .list.dark-theme":style("dark","list"),"html.no-touch .dark-theme .list":hoverRow("dark","list")}];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 style=function style(tint,element){return{"& + .list":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor},"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor}}}},"&.bordered-indent":{" .list-tile:not(.subheader)":{" &:not(:last-child) .list-tile-content":{"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].borderColor}}}}};var hoverRow=function hoverRow(tint,element){return{"&.hoverable":{" .list-tile:not(.subheader):not(.disabled):hover":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backgroundSelected}}}};var styles=[{".list":style("light","list"),"html.no-touch .list":hoverRow("light","list"),".dark-theme .list, .list.dark-theme":style("dark","list"),"html.no-touch .dark-theme .list":hoverRow("dark","list")}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -44,2 +44,7 @@ import config from 'polythene-theme/common/config'; | ||
} | ||
}, | ||
' html.no-touch .list.hoverable': { | ||
' .list-tile:not(.subheader):not(.disabled):hover': { | ||
cursor: 'pointer' | ||
} | ||
} | ||
@@ -46,0 +51,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=[{".list":{padding:_polytheneThemeCommonConfig2["default"].componentGridUnit+"px 0","&.has-subheader":{"padding-top":0},"& + .list":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-style":"solid none none none","border-width":"1px"}],"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}},"&.bordered-indent":{"border-top":"none"," .list-tile:not(.subheader)":{"&:not(:last-child) .list-tile-content":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}}}];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=[{".list":{padding:_polytheneThemeCommonConfig2["default"].componentGridUnit+"px 0","&.has-subheader":{"padding-top":0},"& + .list":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-style":"solid none none none","border-width":"1px"}],"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}},"&.bordered-indent":{"border-top":"none"," .list-tile:not(.subheader)":{"&:not(:last-child) .list-tile-content":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}}," html.no-touch .list.hoverable":{" .list-tile:not(.subheader):not(.disabled):hover":{cursor:"pointer"}}}];exports["default"]=styles;module.exports=exports["default"]; |
{ | ||
"name": "polythene-theme", | ||
"version": "0.1.23", | ||
"version": "0.1.24", | ||
"description": "Polythene default theme", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
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
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
163709
2509