bigbluebutton-Github/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
2021-11-02 16:25:39 +00:00

66 lines
1.6 KiB
JavaScript

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 chatPollMarginSm = '.5rem';
const talkerBorderRadius = '2rem';
const talkerPaddingXsm = '.13rem';
const talkerPaddingLg = '.75rem';
const talkerPaddingXl = '1.62rem';
const talkerMaxWidth = '10rem';
const talkerMarginSm = '.5rem';
const spokeOpacity = '.5';
export {
borderSizeSmall,
borderSize,
borderSizeLarge,
borderRadius,
smPaddingX,
smPaddingY,
mdPaddingX,
mdPaddingY,
lgPaddingX,
lgPaddingY,
jumboPaddingY,
whiteboardToolbarPadding,
minModalHeight,
descriptionMargin,
navbarHeight,
barsPadding,
pollHeaderOffset,
toastContentWidth,
modalMargin,
titlePositionLeft,
userIndicatorsOffset,
indicatorPadding,
chatPollMarginSm,
talkerBorderRadius,
talkerPaddingXsm,
talkerPaddingLg,
talkerMaxWidth,
talkerMarginSm,
spokeOpacity,
talkerPaddingXl,
};