diff --git a/build/cssplot.base.css b/build/cssplot.base.css index fa16d7a..c91d1ed 100644 --- a/build/cssplot.base.css +++ b/build/cssplot.base.css @@ -7,7 +7,11 @@ padding: 0; margin: 0; } -.plot-container li { +.column-chart .chart-column, +.bar-chart .chart-row, +.column-chart [data-cp-size], +.bar-chart [data-cp-size], +.plot-container > * > * { list-style: none; border: 1px solid #ffffff; } @@ -28,24 +32,24 @@ margin: 0; min-height: 100px; } -.column-chart.stacked li { +.column-chart.stacked > * > * { height: 100%; -webkit-transform: scaleY(-1); - -moz-transform: scaleY(-1); - -o-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); + -moz-transform: scaleY(-1); + -o-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } .column-chart.stacked .group-by-number [data-cp-size] { -webkit-transform: scaleY(-1); - -moz-transform: scaleY(-1); - -o-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); + -moz-transform: scaleY(-1); + -o-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } .column-chart .chart-column, .column-chart [data-cp-size], -.column-chart.stacked li { +.column-chart.stacked > * > * { -webkit-flex-grow: 1; flex-grow: 1; -webkit-align-self: flex-end; @@ -72,7 +76,7 @@ .bar-chart [data-cp-size] { min-height: 8px; } -.bar-chart.stacked li { +.bar-chart.stacked > * > * { display: flex; } .bar-chart.stacked .group-by-number [data-cp-size] { diff --git a/build/cssplot.full.css b/build/cssplot.full.css index 5445b48..5f347fa 100644 --- a/build/cssplot.full.css +++ b/build/cssplot.full.css @@ -7,7 +7,11 @@ padding: 0; margin: 0; } -.plot-container li { +.column-chart .chart-column, +.bar-chart .chart-row, +.column-chart [data-cp-size], +.bar-chart [data-cp-size], +.plot-container > * > * { list-style: none; border: 1px solid #ffffff; } @@ -28,24 +32,24 @@ margin: 0; min-height: 100px; } -.column-chart.stacked li { +.column-chart.stacked > * > * { height: 100%; -webkit-transform: scaleY(-1); - -moz-transform: scaleY(-1); - -o-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); + -moz-transform: scaleY(-1); + -o-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } .column-chart.stacked .group-by-number [data-cp-size] { -webkit-transform: scaleY(-1); - -moz-transform: scaleY(-1); - -o-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); + -moz-transform: scaleY(-1); + -o-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } .column-chart .chart-column, .column-chart [data-cp-size], -.column-chart.stacked li { +.column-chart.stacked > * > * { -webkit-flex-grow: 1; flex-grow: 1; -webkit-align-self: flex-end; @@ -72,7 +76,7 @@ .bar-chart [data-cp-size] { min-height: 8px; } -.bar-chart.stacked li { +.bar-chart.stacked > * > * { display: flex; } .bar-chart.stacked .group-by-number [data-cp-size] { diff --git a/src/modules/base.less b/src/modules/base.less index 3c96d8a..fa3538b 100644 --- a/src/modules/base.less +++ b/src/modules/base.less @@ -6,7 +6,11 @@ margin: 0; } -.plot-container li { +.column-chart .chart-column, +.bar-chart .chart-row, +.column-chart [data-cp-size], +.bar-chart [data-cp-size], +.plot-container > * > * { list-style: none; border: 1px solid #ffffff; } @@ -26,7 +30,7 @@ min-height: 100px; } -.column-chart.stacked li { +.column-chart.stacked > * > * { height: 100%; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); @@ -45,7 +49,7 @@ .column-chart .chart-column, .column-chart [data-cp-size], -.column-chart.stacked li { +.column-chart.stacked > * > * { -webkit-flex-grow: 1; flex-grow: 1; -webkit-align-self: flex-end; @@ -77,7 +81,7 @@ min-height: 8px; } -.bar-chart.stacked li { +.bar-chart.stacked > * > * { display: flex; }