@import "./toolbar";
@import "./toolbar.ios.vars";

// iOS Toolbar
// --------------------------------------------------

:host {
  --background: #{$toolbar-ios-background-color};
  --color: #{$toolbar-ios-text-color};
  --border-color: #{$toolbar-ios-border-color};
  --padding-top: #{$toolbar-ios-padding};
  --padding-bottom: #{$toolbar-ios-padding};
  --padding-start: #{$toolbar-ios-padding};
  --padding-end: #{$toolbar-ios-padding};
  --min-height: #{$toolbar-ios-height};

  font-family: $toolbar-ios-font-family;
}

// iOS Toolbar Content
// --------------------------------------------------

.toolbar-content {
  flex: 1;
  order: map-get($toolbar-order-ios, content);

  min-width: 0;
}