@use "../sizes" as *;

// adduse

$generic-popup-closebutton-offset: null !default;
$generic-popup-content-padding: null !default;
$generic-popup-button-margin: null !default;
$generic-popup-toolbar-item-spacing: null !default;
$generic-popup-toolbartop-padding: null !default;
$generic-popup-toolbarbottom-padding: null !default;

@if $size == "default" {
  $generic-popup-closebutton-offset: 10px !default;
  $generic-popup-content-padding: 20px !default;
  $generic-popup-button-margin: 0 10px !default;

  $generic-popup-toolbar-item-spacing: 10px !default;
  $generic-popup-toolbartop-padding: 6px 20px !default;
  $generic-popup-toolbarbottom-padding: 20px !default;
}

@else if $size == "compact" {
  $generic-popup-closebutton-offset: 6px !default;
  $generic-popup-content-padding: 10px !default;
  $generic-popup-button-margin: 0 5px !default;

  $generic-popup-toolbar-item-spacing: 5px !default;
  $generic-popup-toolbartop-padding: 2px 10px !default;
  $generic-popup-toolbarbottom-padding: 10px !default;
}

:root {
  --dx-popup-toolbar-item-padding-inline: #{$generic-popup-toolbar-item-spacing};
}