example.css

/*
 * Copyright (c) 2017. James Kerr
 *
 *                            Permission is hereby granted, free of charge, to any person obtaining a copy
 *                            of this software and associated documentation files (the "Software"), to deal
 *                            in the Software without restriction, including without limitation the rights
 *                            to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *                            copies of the Software, and to permit persons to whom the Software is
 *                            furnished to do so, subject to the following conditions:
 *
 *                            The above copyright notice and this permission notice shall be included in all
 *                            copies or substantial portions of the Software.
 *
 *                            THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *                            IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *                            FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *                            AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *                            LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *                            OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 *                            SOFTWARE.
 *
 */

/*
 * Font-sizes from config, override with care
 */

{
{
    id
}
}
{
    -webkit-user-select: none
;
    -webkit-font-smoothing: antialiased
;
font-family: {

{
    style . font_family
}
}
;
}

{
{
    id
}
}
.title {

font-family: {

{
    style . title_font_family
}
}
;
font-size: {

{
    style . title_font_size
}
}
px

;
}

{
{
    id
}
}
.legends .legend text {

font-family: {

{
    style . legend_font_family
}
}
;
font-size: {

{
    style . legend_font_size
}
}
px

;
}

{
{
    id
}
}
.axis text {

font-family: {

{
    style . label_font_family
}
}
;
font-size: {

{
    style . label_font_size
}
}
px

;
}

{
{
    id
}
}
.axis text.major {

font-family: {

{
    style . major_label_font_family
}
}
;
font-size: {

{
    style . major_label_font_size
}
}
px

;
}

{
{
    id
}
}
.text-overlay text.value {

font-family: {

{
    style . value_font_family
}
}
;
font-size: {

{
    style . value_font_size
}
}
px

;
}

{
{
    id
}
}
.text-overlay text.label {

font-family: {

{
    style . value_label_font_family
}
}
;
font-size: {

{
    style . value_label_font_size
}
}
px

;
}

{
{
    id
}
}
.tooltip {

font-family: {

{
    style . tooltip_font_family
}
}
;
font-size: {

{
    style . tooltip_font_size
}
}
px

;
}

{
{
    id
}
}
text.no_data {

font-family: {

{
    style . no_data_font_family
}
}
;
font-size: {

{
    style . no_data_font_size
}
}
px

;
}
.background {
    fill: green !important;
}