76 lines
2.0 KiB
CSS
76 lines
2.0 KiB
CSS
/*
|
|
* SPDX-FileCopyrightText: Copyright (c) 2025 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* Licensed 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.
|
|
*/
|
|
|
|
/* RTX Remix Metadata Accordion */
|
|
|
|
.rtx-remix-metadata-accordion {
|
|
background: var(--bg-darker);
|
|
/* Full width in grid context */
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.rtx-remix-metadata-form {
|
|
padding: var(--space-4);
|
|
border-top: var(--border-width-thin) solid var(--border-base);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-3);
|
|
}
|
|
|
|
.rtx-remix-metadata-field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-2);
|
|
}
|
|
|
|
.rtx-remix-metadata-label {
|
|
font-size: var(--font-sm);
|
|
font-weight: var(--font-semibold);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.rtx-remix-metadata-input,
|
|
.rtx-remix-metadata-input[type="text"],
|
|
.rtx-remix-metadata-input[type="number"] {
|
|
width: 100%;
|
|
padding: var(--space-2) 10px;
|
|
background: var(--bg-darkest);
|
|
border: var(--border-width-thin) solid var(--border-base);
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-primary);
|
|
font-size: var(--font-base);
|
|
outline: none;
|
|
transition: all var(--rtx-animation-normal) ease;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
textarea.rtx-remix-metadata-input {
|
|
resize: vertical;
|
|
font-family: inherit;
|
|
min-height: 60px;
|
|
}
|
|
|
|
.rtx-remix-metadata-input:focus {
|
|
border-color: var(--remix-color);
|
|
box-shadow: var(--shadow-focus);
|
|
}
|
|
|
|
.rtx-remix-metadata-input::placeholder {
|
|
color: var(--text-placeholder);
|
|
font-style: italic;
|
|
}
|