polythene-theme - npm Package Compare versions

Comparing version 0.1.18 to 0.1.19

package.json

 {
     "name": "polythene-theme",
-    "version": "0.1.18",
+    "version": "0.1.19",
     "description": "Polythene default theme",
@@ -18,6 +18,4 @@ "license": "MIT",
     "scripts": {
-        "watch-es6": "node watch-es6.js watch . node_modules",
-        "watch": "npm run watch-es6",
-        "transpile-js": "node watch-es6.js once . node_modules",
-        "transpile": "npm run transpile-js"
+        "watch": "node watch.js watch . node_modules",
+        "transpile": "node watch.js once . node_modules"
     },
@@ -24,0 +22,0 @@ "repository": {

README.md

 # Polythene-theme
 
-Default theme for [Polythene](https://github.com/ArthurClemens/Polythene). Version 0.1.14.
+Default theme for [Polythene](https://github.com/ArthurClemens/Polythene).
 
@@ -118,16 +118,33 @@ ## Appearance / Theming
 
-Most module loaders have a mapping option to chang the path lookup. From Polythene-examples (that uses jspm/SystemJS):
+Most module loaders have a mapping option to change the path lookup. What we want is to change the file lookup from:
 
+`polythene-theme/element/element.js`
+
+to:
+
+`app/custom-theme/element.js`
+
+##### Browserify
+
+In the build script:
+
 ~~~javascript
-map: {
-  "polythene-theme/element/element": "app/custom-theme/element",
+...
+bundle([
+    'my-main-input-file.js',
+    'app/custom-theme/element'
+], 'my-bundled-output-file.js');
 ~~~
 
-Here the file lookup for
+##### jspm / SystemJS
 
-`polythene-theme/element/element.js`
+In the config file:
 
-is changed to:
+~~~javascript
+...
+map: {
+  "polythene-theme/element/element": "app/custom-theme/element",
+  ...
+~~~
 
-`app/custom-theme/element.js`
 
@@ -134,0 +151,0 @@

tabs/tabs-style.es6.js

@@ -5,2 +5,4 @@ import config from 'polythene-theme/common/config';
 const tabHeight = 48;
+const menuTabHeight = 44;
+const menuTabIconLabelHeight = 50;
 const tabIconLabelHeight = 72;
@@ -37,3 +39,3 @@ const fontSize = config.buttonFontSize;
                 // hide scrollbar (this approach is required for Firefox)
-                'max-height': tabHeight, // TODO: solve higher tabs, perhaps using `mode` param like header-panel
+                'max-height': tabHeight + 'px', // TODO: solve higher tabs, perhaps using `mode` param like header-panel
 
@@ -129,3 +131,29 @@ ' .tabRow': {
                 }
-            ]
+            ],
+
+            '&.menu': {
+                // reset sizes to fit within a small space
+                ' .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'
+                        },
+                    }
+                }
+            }
         }
@@ -203,3 +231,3 @@ ],
     ['@media (min-width: ' + config.screenSizeMedium + 'px)']: {
-        ' .tabs:not(.small):not(.medium) .tab': {
+        ' .tabs:not(.small):not(.medium):not(.menu) .tab': {
             'min-width': '160px'
@@ -206,0 +234,0 @@ }

tabs/tabs-style.js

@@ -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 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":{" .scroll-btn":{display:"none"},"max-height":tabHeight," .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),{position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":9,width:"100%"}]}],".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"}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium) .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=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":{" .scroll-btn":{display:"none"},"max-height":tabHeight+"px"," .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),{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"}}," .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"];

theme/theme-style.es6.js

@@ -120,8 +120,8 @@ const styles = [{
         'margin-top': '24px',
-        'margin-bottom': '16px',
-
+        'margin-bottom': '16px'
+/*
         ':before': {
             'position': 'absolute',
             'left': '-0.5em',
-            'content': '“'
+            'content': 'open-quote'
         },
@@ -131,4 +131,5 @@ ':after': {
             'margin-left': '-0.05em',
-            'content': '”'
+            'content': 'close-quote'
         }
+*/
     },
@@ -135,0 +136,0 @@ ' mark': {

theme/theme-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var styles=[{" h1, h2, h3, h4, h5, h6, p":{margin:0,padding:0}},{" h1 small, h2 small, h3 small, h4 small, h5 small, h6 small":{"font-weight":"400","line-height":"1.35","letter-spacing":"-0.02em","font-size":"0.6em"}},{" h1":{"font-size":"56px","font-weight":"400","line-height":"1.35","margin-top":"24px","margin-bottom":"24px"}},{" h2":{"font-size":"45px","font-weight":"400","line-height":"48px","margin-top":"24px","margin-bottom":"24px"}},{" h3":{"font-size":"34px","font-weight":"400","line-height":"40px","margin-top":"24px","margin-bottom":"24px"}},{" h4":{"font-size":"24px","font-weight":"400","line-height":"32px","-moz-osx-font-smoothing":"grayscale","margin-top":"24px","margin-bottom":"16px"}},{" h5":{"font-size":"20px","font-weight":"500","line-height":"1","letter-spacing":"-0.02em","margin-top":"24px","margin-bottom":"16px"}},{" h6":{"font-size":"16px","font-weight":"400","line-height":"24px","letter-spacing":"0.04em","margin-top":"24px","margin-bottom":"16px"}},{"*":[{"box-sizing":"border-box"},{"-webkit-tap-highlight-color":"rgba(0,0,0,0)"},{"-webkit-tap-highlight-color":"transparent"}]," a, a:active, a:focus":{outline:"none"}," html, body":{"font-size":"14px","font-weight":"400","line-height":"20px"}," p":{"font-size":"14px","font-weight":"400","line-height":"24px","letter-spacing":"0","margin-bottom":"16px"}," blockquote":{position:"relative","font-size":"24px","font-weight":300,"font-style":"italic","line-height":"1.35","letter-spacing":"0.08em","margin-top":"24px","margin-bottom":"16px",":before":{position:"absolute",left:"-0.5em",content:"“"},":after":{position:"absolute","margin-left":"-0.05em",content:"”"}}," mark":{}," dt":{"font-weight":"700"}," address":{"font-size":"12px","font-weight":400,"line-height":1,"letter-spacing":0,"font-style":"normal"}," ul, ol":{"font-size":"14px","font-weight":400,"line-height":"24px","letter-spacing":0}}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var styles=[{" h1, h2, h3, h4, h5, h6, p":{margin:0,padding:0}},{" h1 small, h2 small, h3 small, h4 small, h5 small, h6 small":{"font-weight":"400","line-height":"1.35","letter-spacing":"-0.02em","font-size":"0.6em"}},{" h1":{"font-size":"56px","font-weight":"400","line-height":"1.35","margin-top":"24px","margin-bottom":"24px"}},{" h2":{"font-size":"45px","font-weight":"400","line-height":"48px","margin-top":"24px","margin-bottom":"24px"}},{" h3":{"font-size":"34px","font-weight":"400","line-height":"40px","margin-top":"24px","margin-bottom":"24px"}},{" h4":{"font-size":"24px","font-weight":"400","line-height":"32px","-moz-osx-font-smoothing":"grayscale","margin-top":"24px","margin-bottom":"16px"}},{" h5":{"font-size":"20px","font-weight":"500","line-height":"1","letter-spacing":"-0.02em","margin-top":"24px","margin-bottom":"16px"}},{" h6":{"font-size":"16px","font-weight":"400","line-height":"24px","letter-spacing":"0.04em","margin-top":"24px","margin-bottom":"16px"}},{"*":[{"box-sizing":"border-box"},{"-webkit-tap-highlight-color":"rgba(0,0,0,0)"},{"-webkit-tap-highlight-color":"transparent"}]," a, a:active, a:focus":{outline:"none"}," html, body":{"font-size":"14px","font-weight":"400","line-height":"20px"}," p":{"font-size":"14px","font-weight":"400","line-height":"24px","letter-spacing":"0","margin-bottom":"16px"}," blockquote":{position:"relative","font-size":"24px","font-weight":300,"font-style":"italic","line-height":"1.35","letter-spacing":"0.08em","margin-top":"24px","margin-bottom":"16px"}," mark":{}," dt":{"font-weight":"700"}," address":{"font-size":"12px","font-weight":400,"line-height":1,"letter-spacing":0,"font-style":"normal"}," ul, ol":{"font-size":"14px","font-weight":400,"line-height":"24px","letter-spacing":0}}];exports["default"]=styles;module.exports=exports["default"];

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

158417

increased by0.39%

Lines of code

2432

increased by0.21%

Number of lines in readme file

201

increased by9.24%

Worsened metrics

Number of package files

99

decreased by-1%

No dependency changes