How to use the @zendeskgarden/react-theming.DEFAULT_THEME.space function in @zendeskgarden/react-theming

To help you get started, we’ve selected a few @zendeskgarden/react-theming examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github zendeskgarden / react-components / packages / grid / src / styled / StyledCol.spec.tsx View on Github external
it(`renders ${size} gutters`, () => {
          const { container } = render();
          const padding = math(`${DEFAULT_THEME.space[size]} / 2`);

          expect(container.firstChild).toHaveStyleRule('padding-right', padding);
          expect(container.firstChild).toHaveStyleRule('padding-left', padding);
        });
      } else {
github zendeskgarden / react-components / packages / grid / src / styled / StyledRow.spec.tsx View on Github external
it(`renders ${size} gutters`, () => {
          const { container } = render();
          const margin = math(`${DEFAULT_THEME.space[size]} / 2`);

          expect(container.firstChild).toHaveStyleRule('margin-right', `-${margin}`);
          expect(container.firstChild).toHaveStyleRule('margin-left', `-${margin}`);
        });
      } else {