17 lines
2.1 KiB
JavaScript
17 lines
2.1 KiB
JavaScript
import{M as p}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as n,j as e}from"./jsx-runtime-0eb16fb5.js";import"./index-33b6ba46.js";import"./ImportSnippet-5ad55b07.js";import"./index-aac3df73.js";import{u as a}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-e04ae519.js";import"./index-d37d4223.js";import"./index-356e4a49.js";import"./prism-36d9c89b.js";import"./scss-efc2351e.js";function t(o){const r=Object.assign({p:"p",img:"img",h1:"h1",a:"a",pre:"pre",code:"code"},a(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Styles/Colours/Intro",parameters:{...n}}),`
|
|
`,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
|
|
}
|
|
`})})]})}function i(o={}){const{wrapper:r}=Object.assign({},a(),o.components);return r?e.jsx(r,{...o,children:e.jsx(t,{...o})}):t(o)}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const s={title:"Styles/Colours/Intro",parameters:{...n},tags:["stories-mdx"],includeStories:["__page"]};s.parameters=s.parameters||{};s.parameters.docs={...s.parameters.docs||{},page:i};const C=["__page"];export{C as __namedExportsOrder,l as __page,s as default};
|
|
//# sourceMappingURL=intro.stories-93099a28.js.map
|