9.0.0-alpha.25 • Published 8 months ago

@fluentui/react-theme-sass v9.0.0-alpha.25

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

@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

  1. 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'),
);
  1. 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;
}

⚠ Note: This package does not export any Javascript code.️

9.0.0-alpha.25

9 months ago

9.0.0-alpha.24

10 months ago

9.0.0-alpha.23

1 year ago

9.0.0-alpha.22

1 year ago

9.0.0-alpha.21

1 year ago

9.0.0-alpha.18

2 years ago

9.0.0-alpha.15

2 years ago

9.0.0-alpha.16

2 years ago

9.0.0-alpha.14

2 years ago

9.0.0-alpha.19

2 years ago

9.0.0-alpha.20

2 years ago

9.0.0-alpha.13

2 years ago

9.0.0-alpha.11

2 years ago

9.0.0-alpha.12

2 years ago

9.0.0-alpha.10

2 years ago

9.0.0-alpha.9

2 years ago

9.0.0-alpha.8

2 years ago

9.0.0-alpha.7

3 years ago

9.0.0-alpha.6

3 years ago

9.0.0-alpha.5

3 years ago

9.0.0-alpha.4

3 years ago

9.0.0-alpha.3

3 years ago

9.0.0-alpha.2

3 years ago

9.0.0-alpha.1

3 years ago