@use '../../../assets/sass/settings/v7/colors.tokens' as *;
@use '../../../assets/sass/settings/v7/spacing.tokens' as *;

// Name:            Attachments
// Description:     Attached files to an item page
//
// Component:       `c-attachments`
//
// Variants:        `c-attachments--gallery`
//
// Dependencies:    `settings/spacing.tokens`
//                  `v7_colors`
//                  `themes/[theme-file]`
//
// ========================================================================


.c-attachments {

  --attachment-bg: #{$ui-02};
  
  border-top: 3px solid var(--theme-color);

  &--gallery {
    background-color: var(--background-color-contrast);
  }

  &__item:not(:last-child) {
    padding-bottom: $padding-small;
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: $margin-small;
  }
}