@use "../sizes" as *;

// adduse

$material-accordion-title-padding: null !default;
$material-accordion-body-padding: null !default;
$material-accordion-title-height: null !default;
$material-accordion-opened-margin: null !default;
$material-accordion-shadow: null !default;
$accordion-title-icon-top-offset: null !default;
$accordion-title-icon-margin: null !default;

$material-accordion-arrow-line-height: 16px !default;
$material-accordion-title-font-size: null !default;

@if $size == "default" {
  $material-accordion-title-padding: 16px !default;
  $material-accordion-body-padding: 16px !default;
  $material-accordion-title-height: 48px !default;
  $material-accordion-title-font-size: 16px !default;
  $material-accordion-opened-margin: 16px !default;
  $material-accordion-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
  $accordion-title-icon-top-offset: 4px !default;
  $accordion-title-icon-margin: 8px !default;
}

@else if $size == "compact" {
  $material-accordion-title-padding: 11px !default;
  $material-accordion-body-padding: 11px !default;
  $material-accordion-title-height: 32px !default;
  $material-accordion-title-font-size: 15px !default;
  $material-accordion-opened-margin: 8px !default;
  $material-accordion-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.06) !default;
  $accordion-title-icon-top-offset: 3px !default;
  $accordion-title-icon-margin: 6px !default;
}