bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/notes/styles.js
2022-06-16 13:58:54 -03:00

27 lines
632 B
JavaScript

import styled from 'styled-components';
import {
mdPaddingX,
} from '/imports/ui/stylesheets/styled-components/general';
import { colorWhite } from '/imports/ui/stylesheets/styled-components/palette';
import { smallOnly } from '/imports/ui/stylesheets/styled-components/breakpoints';
const Notes = styled.div`
background-color: ${colorWhite};
padding: ${mdPaddingX};
display: flex;
flex-grow: 1;
flex-direction: column;
overflow: hidden;
height: 100%;
${({ isChrome }) => isChrome && `
transform: translateZ(0);
`}
@media ${smallOnly} {
transform: none !important;
}
`;
export default { Notes };