@danilandreev/material-docs/components/DocsPage/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: {},
    contentItem: {
      borderLeft: "5px solid rgba(0,0,0,0)",
      "&:hover": {
        borderColor: _colors.grey[300]
      }
    },
    contentItemActive: {
      borderColor: _colors.grey[200]
    },
    contentLink: {
      textDecoration: "none",
      color: "inherit"
    },
    copyright: {
      backgroundColor: _colors.grey[100],
      color: _colors.grey[300]
    },
    typography: {
      overflowWrap: "break-word",
      maxWidth: "calc(10vw - ".concat(theme.spacing(2), "px)")
    }
  });
};

exports.styles = styles;