How to use the @uifabric/utilities/lib.css function in @uifabric/utilities

To help you get started, we’ve selected a few @uifabric/utilities 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 SharePoint / sp-dev-fx-controls-react / src / controls / carousel / Carousel.tsx View on Github external
let buttonsLocationCss = "";
    switch (buttonsLocation) {
      case CarouselButtonsLocation.top:
        buttonsLocationCss = styles.blockButtonsContainer;
        break;
      case CarouselButtonsLocation.center:
        buttonsLocationCss = styles.centralButtonsContainer;
        break;
      case CarouselButtonsLocation.bottom:
        buttonsLocationCss = styles.bottomButtonsContainer;
        break;
      default:
        return "";
    }

    const result = css(buttonDisplayModeCss, buttonsLocationCss);
    return result;
  }
github SharePoint / sp-dev-fx-controls-react / src / controls / carousel / Carousel.tsx View on Github external
private getButtonStyles(nextButton: boolean) {
    const buttonsDisplayMode = this.props.buttonsDisplay ? this.props.buttonsDisplay : CarouselButtonsDisplay.block;
    let result = "";
    if (buttonsDisplayMode === CarouselButtonsDisplay.buttonsOnly) {
      result = nextButton ? styles.buttonsOnlyNextButton : styles.buttonsOnlyPrevButton;
    }

    return css(result);
  }
github SharePoint / sp-dev-fx-controls-react / src / controls / carousel / Carousel.tsx View on Github external
private getMergedStyles = (componentStyles: string, userStyles?: ICssInput): string => {
    const mergedStyles = userStyles ? css(componentStyles, userStyles) : css(componentStyles);
    return mergedStyles;
  }