mirror of
https://github.com/forcedotcom/afv-library.git
synced 2026-07-30 11:43:26 +08:00
37aa84df42
* Migrating Core Salesforce Skills * Updating pr comments * updat reference * Updating a skill * Migrating Datacloud skills * Migrating Industries cloud skills * Validating - skills fixing --------- Co-authored-by: Sandip Kumar Yadav <sandipkumar.yadav+sfemu@salesforce.com>
64 lines
1.7 KiB
CSS
64 lines
1.7 KiB
CSS
/**
|
|
* Flow Screen Component Styles
|
|
* Uses SLDS 2 global styling hooks for dark mode compatibility
|
|
*/
|
|
|
|
/* Record Tile - Interactive Selection */
|
|
.record-tile {
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
position: relative;
|
|
border: 2px solid var(--slds-g-color-border-base-1, #e5e5e5);
|
|
background-color: var(--slds-g-color-neutral-base-100, #ffffff);
|
|
}
|
|
|
|
.record-tile:hover {
|
|
border-color: var(--slds-g-color-brand-base-50, #0176d3);
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.record-tile:focus {
|
|
outline: none;
|
|
border-color: var(--slds-g-color-brand-base-50, #0176d3);
|
|
box-shadow: 0 0 0 3px var(--slds-g-color-brand-base-30, #aacbff);
|
|
}
|
|
|
|
/* Selected State */
|
|
.record-tile[aria-pressed="true"],
|
|
.record-tile.slds-is-selected {
|
|
border-color: var(--slds-g-color-brand-base-50, #0176d3);
|
|
background-color: var(--slds-g-color-brand-base-10, #e5f2ff);
|
|
}
|
|
|
|
/* Selection Check Icon */
|
|
.selected-icon {
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
color: var(--slds-g-color-brand-base-50, #0176d3);
|
|
}
|
|
|
|
/* Card Footer Spacing */
|
|
.slds-card__footer {
|
|
border-top: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
|
|
padding: var(--slds-g-spacing-medium, 1rem);
|
|
background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
|
|
}
|
|
|
|
/* Selection Summary Box */
|
|
.slds-theme_info {
|
|
background-color: var(--slds-g-color-brand-base-10, #e5f2ff);
|
|
border: 1px solid var(--slds-g-color-brand-base-30, #aacbff);
|
|
}
|
|
|
|
/* Loading Spinner Container */
|
|
.slds-align_absolute-center {
|
|
min-height: 200px;
|
|
}
|
|
|
|
/* Keyboard Focus Visible */
|
|
.record-tile:focus-visible {
|
|
outline: 2px solid var(--slds-g-color-brand-base-50, #0176d3);
|
|
outline-offset: 2px;
|
|
}
|