bigbluebutton-Github/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js

const borderSizeSmall = '1px';
const borderSize = '2px';
const borderSizeLarge = '3px';
const borderRadius = '.2rem';
const smPaddingX = '.75rem';
const smPaddingY = '.3rem';
const mdPaddingY = '.45rem';
const mdPaddingX = '1rem';
const lgPaddingX = '1.25rem';
const lgPaddingY = '0.6rem';
const jumboPaddingY = '1.5rem';

const whiteboardToolbarPadding = '.5rem';
const minModalHeight = '20rem';
const descriptionMargin = '3.5rem';
const navbarHeight = '3.9375rem';
const barsPadding = '0.8rem'; // so user-list and chat title is aligned with the presentation title
const pollHeaderOffset = '-0.875rem';
const toastContentWidth = '98%';
const modalMargin = '3rem';
const titlePositionLeft = '2.2rem';
const userIndicatorsOffset = '-5px';
const indicatorPadding = '.45rem'; // used to center presenter indicator icon in Chrome / Firefox / Edge
const actionsBarHeight = '75px'; // TODO: Change to ActionsBar real height
const audioIndicatorWidth = '1.12rem';
const audioIndicatorFs = '75%';
const chatPollMarginSm = '.5rem';

const talkerBorderRadius = '2rem';
const talkerPaddingXsm = '.13rem';
const talkerPaddingLg = '.75rem';
const talkerPaddingXl = '1.62rem';
const talkerMaxWidth = '10rem';
const talkerMarginSm = '.5rem';
const spokeOpacity = '.5';

const toolbarButtonWidth = '3rem';
const toolbarButtonHeight = '3rem';
const toolbarItemOutlineOffset = '-.19rem';
const toolbarButtonBorder = '1px';
const toolbarButtonBorderRadius = '5px';
const toolbarItemTrianglePadding = '2px';
const toolbarMargin = '.8rem';

const pollStatsElementWidth = '17%';
const pollSmMargin = '0.3125rem';
const pollResultWidth = '15rem';

export {
  borderSizeSmall,
  borderSize,
  borderSizeLarge,
  borderRadius,
  smPaddingX,
  smPaddingY,
  mdPaddingX,
  mdPaddingY,
  lgPaddingX,
  lgPaddingY,
  jumboPaddingY,
  whiteboardToolbarPadding,
  minModalHeight,
  descriptionMargin,
  navbarHeight,
  barsPadding,
  pollHeaderOffset,
  toastContentWidth,
  modalMargin,
  titlePositionLeft,
  userIndicatorsOffset,
  indicatorPadding,
  actionsBarHeight,
  audioIndicatorWidth,
  audioIndicatorFs,
  chatPollMarginSm,
  talkerBorderRadius,
  talkerPaddingXsm,
  talkerPaddingLg,
  talkerMaxWidth,
  talkerMarginSm,
  spokeOpacity,
  talkerPaddingXl,
  toolbarButtonWidth,
  toolbarButtonHeight,
  toolbarItemOutlineOffset,
  toolbarButtonBorder,
  toolbarButtonBorderRadius,
  toolbarItemTrianglePadding,
  toolbarMargin,
  pollStatsElementWidth,
  pollSmMargin,
  pollResultWidth,
};