@fluentui/react-theme-sass NPM

@fluentui/react-theme-sass

React Theme Sass for Fluent UI React

SASS variables referencing react-theme design tokens injected to DOM by react-provider.

Usage

Instantiate a FluentProvider to inject a Fluent theme into a DOM:

import React from 'react';
import ReactDOM from 'react-dom';
import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';
import App from './App';
ReactDOM.render(
  <FluentProvider theme={teamsLightTheme}>
    <App />
  </FluentProvider>,
  document.getElementById('root'),
);

In SCSS styles you can import SCSS variables from @fluentui/react-theme-sass and use them in the styles:

@import '~@fluentui/react-theme-sass';
.brandedElement {
  color: $colorBrandForeground1;
  background: $colorBrandBackground;
  border-radius: $borderRadiusLarge;
}

⚠ This package does not export any Javascript code.️

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

9 months ago

11 months ago

11 months ago

10 months ago

10 months ago

9 months ago

8 months ago

7 months ago

7 months ago

9 months ago

8 months ago

6 months ago

7 months ago

10 months ago

6 months ago

8 months ago

6 months ago

11 months ago

8 months ago

9 months ago

6 months ago

7 months ago

7 months ago

6 months ago

7 months ago

8 months ago

8 months ago

9 months ago

6 months ago

8 months ago

10 months ago

9 months ago

7 months ago

10 months ago

7 months ago

8 months ago

7 months ago

10 months ago

10 months ago

7 months ago

6 months ago

9 months ago

9 months ago

10 months ago

7 months ago

7 months ago

9 months ago

6 months ago

10 months ago

8 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

9 months ago

6 months ago

10 months ago

10 months ago

10 months ago

9 months ago

11 months ago

11 months ago

8 months ago

8 months ago

9 months ago

8 months ago

8 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

9 months ago

10 months ago

11 months ago

6 months ago

10 months ago

8 months ago

10 months ago

8 months ago

7 months ago

8 months ago

6 months ago

7 months ago

6 months ago

8 months ago

7 months ago

10 months ago

8 months ago

9 months ago

9 months ago

7 months ago

10 months ago

10 months ago

11 months ago

7 months ago

9 months ago

9 months ago

7 months ago

7 months ago

9 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

9 months ago

11 months ago

10 months ago

10 months ago

9 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

11 months ago

12 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago