@danilandreev/material-docs/components/Block/styles.js

material-docs - react framework for easy creating documentation site in material design style.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styles = void 0;

var _styles = require("@material-ui/core/styles");

var _colors = require("@material-ui/core/colors");

/*
 * Author: Andrieiev Danil |  danssg08@gmail.com | https://github.com/DanilAndreev
 * Copyright (C) 2020.
 */
var styles = function styles(theme) {
  return (0, _styles.createStyles)({
    root: {
      borderLeft: "5px solid ".concat(_colors.grey[400]),
      backgroundColor: _colors.grey[200],
      padding: theme.spacing(1),
      paddingLeft: theme.spacing(2)
    },
    colorLight: {
      backgroundColor: _colors.grey[200]
    },
    colorDark: {
      backgroundColor: _colors.grey[400]
    }
  });
};

exports.styles = styles;