primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-04 12:22:17 +03:00
Code Issues Projects Releases Wiki Activity

Include dark colors only for the docs

Browse Source
This commit is contained in:
simurai 2020-10-14 16:27:44 +09:00
parent 73d7bdd058
commit 9cd14e5d9d
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js
View File

@ -1,4 +1,4 @@
import primerStyles from '!!raw-loader!postcss-loader!../../../../../src/index.scss'
import primerStyles from '!!raw-loader!postcss-loader!../../../../../src/docs.scss'
import {Flex} from '@primer/components'
import {Frame} from '@primer/gatsby-theme-doctocat'
import {MoonIcon, SunIcon} from '@primer/octicons-react'

1
src/base/modes.scss
View File

@ -7,7 +7,6 @@
// Use :root (html element) to define a default
@include primer-colors-light(':root, [data-color-mode="light"]');
@include primer-colors-dark('[data-color-mode="dark"]');
// Color mode boundaries
// Enables nesting of different color modes

15
src/docs.scss Normal file
View File

@ -0,0 +1,15 @@
/*!
* Primer CSS
* https://primer.style
*
* Released under MIT license.
*/
// Docs styles
// Only meant for the docs at https://primer.style/css
// Global requirements
@import "./core/index.scss";
@import "./product/index.scss";
@import "./marketing/index.scss";
@include primer-colors-dark('[data-color-mode="dark"]');