How to use the carbon-components/scss/components/ui-shell/_content.scss.cssText function in carbon-components

To help you get started, we’ve selected a few carbon-components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github carbon-design-system / carbon-custom-elements / src / components / ui-shell / ui-shell-story-react.tsx View on Github external
const StoryContent = () => (
  <>
    <style type="text/css">{contentStyles.cssText}</style>
    <main>
      <div>
        <div>
          <div>
            <h2>Purpose and function</h2>
            <p>
              The shell is perhaps the most crucial piece of any UI built with Carbon. It contains the shared navigation framework
              for the entire design system and ties the products in IBM’s portfolio together in a cohesive and elegant way. The
              shell is the home of the topmost navigation, where users can quickly and dependably gain their bearings and move
              between pages.
              <br>
              <br>
              The shell was designed with maximum flexibility built in, to serve the needs of a broad range of products and users.
              Adopting the shell ensures compliance with IBM design standards, simplifies development efforts, and provides great
              user experiences. All IBM products built with Carbon are required to use the shell’s header.
              <br></p></div></div></div></main>
github carbon-design-system / carbon-custom-elements / src / components / ui-shell / ui-shell-story.ts View on Github external
const StoryContent = () =&gt; html`
  <style type="text/css">
    ${contentStyles.cssText}
  </style>
  <main class="bx--content bx-ce-demo-devenv--ui-shell-content">
    <div class="bx--grid">
      <div class="bx--row">
        <div class="bx--offset-lg-3 bx--col-lg-13">
          <h2>
            Purpose and function
          </h2>
          <p>
            The shell is perhaps the most crucial piece of any UI built with Carbon. It contains the shared navigation framework
            for the entire design system and ties the products in IBM’s portfolio together in a cohesive and elegant way. The
            shell is the home of the topmost navigation, where users can quickly and dependably gain their bearings and move
            between pages.
            <br>
            <br>
            The shell was designed with maximum flexibility built in, to serve the needs of a broad range of products and users.</p></div></div></div></main>