snabbdom-material/lib/style/calendar.js

Stateless UI components for snabbdom that follow material design

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = function (variables) {
  return {
    lightWaves: variables.calendarLightWaves,
    container: {
      lineHeight: '30px',
      fontSize: '12px'
    },
    dayContainer: {
      display: 'inline-block',
      textAlign: 'center'
    },
    dayContainerSelectable: {
      cursor: 'pointer'
    },
    dayContainerSelected: {
      color: variables.calendarSelectedDayFontColor
    },
    dayContainerInvalid: {
      color: '#3e3e3e'
    },
    dayContainerToday: {
      color: variables.calendarTodayFontColor
    },
    day: {
      width: '30px',
      margin: '0 auto',
      borderRadius: '50%'
    },
    daySelected: {
      backgroundColor: variables.calendarSelectedDayBackgroundColor
    },
    previous: {
      float: 'left',
      cursor: 'pointer',
      height: '48px',
      width: '48px',
      marginLeft: '-5px'
    },
    next: {
      float: 'right',
      cursor: 'pointer',
      height: '48px',
      width: '48px',
      marginRight: '-5px'
    },
    navIcon: {
      color: variables.calendarNavIconColor,
      margin: '12px 9px 6px 9px'
    },
    title: {
      color: variables.calendarTitleFontColor,
      textAlign: 'center',
      fontSize: '14px',
      lineHeight: '48px'
    },
    colHeadings: {
      color: variables.calendarHeadingFontColor,
      fontWeight: 'bold',
      textAlign: 'center'
    },
    padding: {
      display: 'inline-block',
      height: '9px'
    }
  };
};