naive-ui/lib/dialog/src/styles/index.cssr.js

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
const cssr_1 = require("../../../_utils/cssr");
// vars:
// --n-icon-color
// --n-bezier
// --n-icon-margin-top
// --n-icon-margin-right
// --n-icon-margin-bottom
// --n-icon-margin-left
// --n-icon-size
// --n-close-border-radius
// --n-close-margin
// --n-close-size
// --n-close-color-hover
// --n-close-color-pressed
// --n-close-icon-color
// --n-close-icon-color-hover
// --n-close-icon-color-pressed
// --n-color
// --n-text-color
// --n-border-radius
// --n-padding
// --n-line-height
// --n-border
// --n-content-margin
// --n-title-font-size
// --n-title-font-weight
// --n-title-text-color
// --n-action-space
exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
 --n-icon-margin: var(--n-icon-margin-top) var(--n-icon-margin-right) var(--n-icon-margin-bottom) var(--n-icon-margin-left);
 word-break: break-word;
 line-height: var(--n-line-height);
 position: relative;
 background: var(--n-color);
 color: var(--n-text-color);
 box-sizing: border-box;
 margin: auto;
 border-radius: var(--n-border-radius);
 padding: var(--n-padding);
 transition: 
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `, [(0, cssr_1.cE)('icon', {
  color: 'var(--n-icon-color)'
}), (0, cssr_1.cM)('bordered', {
  border: 'var(--n-border)'
}), (0, cssr_1.cM)('icon-top', [(0, cssr_1.cE)('close', {
  margin: 'var(--n-close-margin)'
}), (0, cssr_1.cE)('icon', {
  margin: 'var(--n-icon-margin)'
}), (0, cssr_1.cE)('content', {
  textAlign: 'center'
}), (0, cssr_1.cE)('title', {
  justifyContent: 'center'
}), (0, cssr_1.cE)('action', {
  justifyContent: 'center'
})]), (0, cssr_1.cM)('icon-left', [(0, cssr_1.cE)('icon', {
  margin: 'var(--n-icon-margin)'
}), (0, cssr_1.cM)('closable', [(0, cssr_1.cE)('title', `
 padding-right: calc(var(--n-close-size) + 6px);
 `)])]), (0, cssr_1.cE)('close', `
 position: absolute;
 right: 0;
 top: 0;
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 z-index: 1;
 `), (0, cssr_1.cE)('content', `
 font-size: var(--n-font-size);
 margin: var(--n-content-margin);
 position: relative;
 word-break: break-word;
 `, [(0, cssr_1.cM)('last', 'margin-bottom: 0;')]), (0, cssr_1.cE)('action', `
 display: flex;
 justify-content: flex-end;
 `, [(0, cssr_1.c)('> *:not(:last-child)', `
 margin-right: var(--n-action-space);
 `)]), (0, cssr_1.cE)('icon', `
 font-size: var(--n-icon-size);
 transition: color .3s var(--n-bezier);
 `), (0, cssr_1.cE)('title', `
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 font-size: var(--n-title-font-size);
 font-weight: var(--n-title-font-weight);
 color: var(--n-title-text-color);
 `), (0, cssr_1.cB)('dialog-icon-container', `
 display: flex;
 justify-content: center;
 `)]), (0, cssr_1.insideModal)((0, cssr_1.cB)('dialog', `
 width: 446px;
 max-width: calc(100vw - 32px);
 `)), (0, cssr_1.cB)('dialog', [(0, cssr_1.asModal)(`
 width: 446px;
 max-width: calc(100vw - 32px);
 `)])]);