first commit
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
/**
|
||||
* Copyright 2025 LY Corporation
|
||||
*
|
||||
* LY Corporation licenses this file to you under the Apache License,
|
||||
* version 2.0 (the "License"); you may not use this file except in compliance
|
||||
* with the License. You may obtain a copy of the License at:
|
||||
*
|
||||
* https://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
.sheet-overlay {
|
||||
@apply data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-dim fixed inset-0 z-50;
|
||||
}
|
||||
|
||||
.sheet {
|
||||
--sheet-border: var(--border-neutral-tertiary);
|
||||
|
||||
@apply data-[state=open]:animate-in data-[state=closed]:animate-out bg-neutral-primary text-neutral-primary fixed z-50 flex flex-col space-y-5 border-[var(--sheet-border)] p-5 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500;
|
||||
|
||||
/* default */
|
||||
@apply sheet-radius-small [&:not([class*=sheet-side])]:sheet-side-right;
|
||||
}
|
||||
|
||||
.sheet-close {
|
||||
@apply !absolute right-2 top-2 !m-0;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
@apply flex flex-shrink-0 flex-col gap-1 text-left;
|
||||
}
|
||||
|
||||
.sheet-footer {
|
||||
@apply flex flex-shrink-0 justify-end gap-2;
|
||||
}
|
||||
|
||||
.sheet-icon {
|
||||
@apply flex p-1;
|
||||
}
|
||||
|
||||
.sheet-title {
|
||||
@apply text-xlarge-strong;
|
||||
}
|
||||
|
||||
.sheet-description {
|
||||
@apply text-neutral-secondary text-base-normal;
|
||||
}
|
||||
Reference in New Issue
Block a user