livre-liberty/style/defaults.js

Liberty theme for the Livre3D engine.

'use strict';

module.exports = {
  'resources': {
    'fonts': {
      'sans-serif-regular': {
        'src': '/fonts/droid_sans_regular.typeface.json'
      },
      'sans-serif-bold': {
        'src': '/fonts/droid_sans_bold.typeface.json'
      },
      'serif-regular': {
        'src': '/fonts/droid_serif_regular.typeface.json'
      },
      'serif-bold': {
        'src': '/fonts/droid_serif_bold.typeface.json'
      }
    }
  },

  'defaults': {
    'display': 'block',
    'direction': 'column',
    'wrap': 'nowrap',
    'justify-content': 'start',
    'align-items': 'start',
    'align-self': 'initial',
    'grow': 0,
    'padding': 0,
    'margin': 0,
    'width': 'initial',
    'height': 'initial',
    'depth': 'initial',
    'text-align': 'initial',
    'min-width': '0',
    'min-height': '0',
    'min-depth': '0',
    'max-width': Infinity,
    'max-height': Infinity,
    'max-depth': Infinity
  },

  'tags': {
    'word': {
      'direction': 'row'
    },
    'body': {
      'width': '100vw',
      'height': '100vh',
      'depth': '100vd',
      'direction': 'stack',
      'font-family': 'sans-serif',
      'font-size': 16,
      'font-height': 1,
      'font-weight': 'regular',
      'color': 0x000000,
      'word-spacing': '0.3em'
    },

    'surface': {
      'width': '100%',
      'height': '100%'
    },

    'div': {
      'align-self': 'stretch'
    },

    'span': {
    },

    'p': {
      'align-self': 'stretch',
      'margin': '0 1em 0',
      'direction': 'row',
      'wrap': 'wrap'
    },

    'h1': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 32,
      'font-height': 8,
      'margin': '0 1em 0'
    },

    'h2': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 24,
      'font-height': 6,
      'margin': '0 1em 0'
    },

    'h3': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 18.7,
      'font-height': 4.67,
      'margin': '0 1em 0'
    },

    'h4': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 16,
      'font-height': 4,
      'margin': '0 1em 0'
    },

    'h5': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 13.3,
      'font-height': 3.33,
      'margin': '0 1em 0'

    },

    'h6': {
      'align-self': 'stretch',
      'direction': 'row',
      'wrap': 'wrap',
      'font-weight': 'bold',
      'font-size': 10.7,
      'font-height': 2.67,
      'margin': '0 1em 0'
    }
  }
};