17 lines
2 KiB
JavaScript
17 lines
2 KiB
JavaScript
import{M as i}from"./chunk-S4VUQJ4A-05193691.js";import{p,j as e}from"./jsx-runtime-0f966daa.js";import"./index-d020bb23.js";import"./ImportSnippet-4e6e0f70.js";import"./index-468fee0f.js";import{u as a}from"./index-9a28f8b7.js";import"./iframe-ab5b5943.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-e04ae519.js";import"./index-d37d4223.js";import"./index-356e4a49.js";import"./prism-808839cf.js";import"./scss-efc2351e.js";function l(s={}){const{wrapper:t}=Object.assign({},a(),s.components);return t?e.jsx(t,{...s,children:e.jsx(n,{})}):n();function n(){const r=Object.assign({p:"p",img:"img",h1:"h1",a:"a",pre:"pre",code:"code"},a(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Styles/Colours/Intro",parameters:{...p}}),`
|
|
`,e.jsx(r.p,{children:e.jsx(r.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
|
`,e.jsx(r.h1,{id:"working-with-colours",children:"Working with colours"}),`
|
|
`,e.jsxs(r.p,{children:["Colour palettes are provided as ",e.jsx(r.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/--*",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})," you can use in your own styles. Some are included by default, others can be imported in your global stylesheet and then used."]}),`
|
|
`,e.jsx(r.pre,{children:e.jsx(r.code,{className:"language-scss",children:`/* global.scss */
|
|
@import '@reuters-graphics/graphics-components/scss/colours/primary/blue';
|
|
|
|
p {
|
|
color: var(--grey-400); // Included by default
|
|
}
|
|
|
|
p.blue-bg {
|
|
color: white;
|
|
background-colour: var(--blue-600); // Imported palette
|
|
}
|
|
`})})]})}}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const o={title:"Styles/Colours/Intro",parameters:{...p},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:l};const v=["__page"];export{v as __namedExportsOrder,c as __page,o as default};
|
|
//# sourceMappingURL=intro.stories-eac5271b.js.map
|