react-base-guide/lib/components/modal/styled-close.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const close_1 = __importDefault(require("../../icons/close"));
const StyledClose = (0, styled_components_1.default)(close_1.default) `
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: ${p => p.theme.zIndex.modal};
  transition: opacity 0.3s, transform 0.3s;
  &:hover {
    transform: rotate(90deg);
  }
  
  @media(max-width: ${p => p.theme.screen.tablet}) {
    top: 10px;
    right: 10px;
  }
`;
exports.default = StyledClose;
//# sourceMappingURL=styled-close.js.map