primevue-mirror/components/lib/theme/aura/panel/index.js

61 lines
1.3 KiB
JavaScript
Raw Normal View History

2024-02-05 21:20:00 +00:00
export default {
css: `
2024-02-07 14:17:00 +00:00
.p-panel {
border: 1px solid var(--p-dark-surface-700, var(--p-surface-200));
border-radius: 6px;
2024-02-07 14:40:59 +00:00
background: var(--p-dark-surface-900, var(--p-surface-0));
2024-02-07 14:17:00 +00:00
color: var(--p-text-color);
}
2024-02-05 21:20:00 +00:00
.p-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
2024-02-07 14:17:00 +00:00
padding: 1.125rem;
}
.p-panel-toggleable .p-panel-header {
padding: 0.75rem 1.125rem;
2024-02-05 21:20:00 +00:00
}
2024-02-07 14:17:00 +00:00
2024-02-05 21:20:00 +00:00
.p-panel-title {
line-height: 1;
2024-02-07 14:17:00 +00:00
font-weight: 600;
2024-02-05 21:20:00 +00:00
}
2024-02-07 14:17:00 +00:00
2024-02-05 21:20:00 +00:00
.p-panel-header-icon {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 1.75rem;
height: 1.75rem;
2024-02-07 14:17:00 +00:00
position: relative;
color: var(--p-text-secondary-color);
2024-02-05 21:20:00 +00:00
border: 0 none;
background: transparent;
border-radius: 50%;
2024-02-07 14:17:00 +00:00
transition: background-color 0.2s, color 0.2s, outline-color 0.2s;
2024-02-05 21:20:00 +00:00
outline-color: transparent;
}
2024-02-07 14:17:00 +00:00
.p-panel-header-icon:enabled:hover {
color: var(--p-text-color);
2024-02-07 21:06:00 +00:00
background: var(--p-dark-hover-bg, var(--p-hover-bg));
2024-02-05 21:20:00 +00:00
}
2024-02-07 14:17:00 +00:00
.p-panel-header-icon:focus-visible {
outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
outline-offset: var(--p-focus-ring-offset);
2024-02-05 21:20:00 +00:00
}
2024-02-07 14:17:00 +00:00
2024-02-05 21:20:00 +00:00
.p-panel .p-panel-content {
padding: 0 1.125rem 1.125rem 1.125rem;
}
2024-02-07 14:17:00 +00:00
2024-02-05 21:20:00 +00:00
.p-panel .p-panel-footer {
padding: 0 1.125rem 1.125rem 1.125rem;
}
`
};