$bb-queue-concierge-base-font-size: 16px;

/* ====================================================================================
 * The properties below this commented are created by borrowing a pattern from
 * Bootstrap that scales different sizes as a factor of the base size. This could be
 * be replaced by a function that transforms pixel sizes to ems.
 * ===================================================================================*/

//Headers & labels sizes
$bb-queue-concierge-title: ceil($bb-queue-concierge-base-font-size * 1.5);
$bb-queue-concierge-panel-header: ceil($bb-queue-concierge-base-font-size * 1.1);
$bb-queue-concierge-queuer-name: ceil($bb-queue-concierge-base-font-size);
$bb-queue-concierge-queuer-service-name: ceil($bb-queue-concierge-base-font-size * 0.80);
$bb-queue-concierge-service-name: ceil($bb-queue-concierge-base-font-size);
$bb-queue-concierge-panel-content: ceil($bb-queue-concierge-base-font-size * 0.875); // 14px
// modal sizes
$bb-queue-concierge-modal-title: ceil($bb-queue-concierge-base-font-size * 1.2);
$bb-queue-concierge-modal-subheading: ceil($bb-queue-concierge-base-font-size * 0.875); // 14px
$bb-queue-concierge-modal-content: ceil($bb-queue-concierge-base-font-size * 0.875);
// popover sizes
$bb-queue-concierge-queuer-popover-title: $bb-queue-concierge-base-font-size * 1.25;  // 20px
$bb-queue-concierge-queuer-popover-content: ceil($bb-queue-concierge-base-font-size * 0.875); // 14px

// buttons
$bb-queue-conceirge-action-button: ceil($bb-queue-concierge-base-font-size * 0.875);

// misc
$bb-queue-concierge-panel-icon: ceil($bb-queue-concierge-base-font-size * 0.70);
$bb-queue-concierge-ticket-number: ceil($bb-queue-concierge-base-font-size * 1.2);

//single staff panel
$bb-queue-concierge-single-staff-content: $bb-queue-concierge-base-font-size;