🔧 chore: More doc updates and fixes

Cirrus-UI · Dec 22, 2024 · c63bb9a · c63bb9a
1 parent a1a9575
commit c63bb9a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/cirrus-docs-next/src/layout/hero/index.tsx b/cirrus-docs-next/src/layout/hero/index.tsx
@@ -241,8 +241,8 @@ export const HeroPage: React.FC<any> = (props) => {
                         <div id="splash-img" className="hero fullscreen hero-img parallax-img">
                             <div className="hero-body">
                                 <div className="content u-text-center">
-                                    <h1 className="uppercase text-white title">Easily create beautiful splash screens</h1>
-                                    <h3 className="uppercase text-white sub-title u-opacity-70">
+                                    <h1 className="uppercase">Easily create beautiful splash screens</h1>
+                                    <h3 className="uppercase u-opacity-70">
                                         Only 6 lines needed and no additional CSS
                                     </h3>
                                 </div>
@@ -256,8 +256,8 @@ export const HeroPage: React.FC<any> = (props) => {
                             code={`<div id="splash-img" class="hero fullscreen hero-img parallax-img">
     <div class="hero-body">
         <div class="content u-text-center">
-            <h1 class="uppercase text-white title">Easily create beautiful splash screens</h1>
-            <h3 class="uppercase text-white sub-title u-opacity-70">Only 6 lines needed and no additional CSS</h3></div>
+            <h1 class="uppercase">Easily create beautiful splash screens</h1>
+            <h3 class="uppercase u-opacity-70">Only 6 lines needed and no additional CSS</h3></div>
     </div>
 </div>`}
                             language="htmlbars"

diff --git a/cirrus-docs-next/src/layout/padding/index.tsx b/cirrus-docs-next/src/layout/padding/index.tsx
@@ -203,7 +203,7 @@ padding-bottom: (0) !important;`,
                     <div className="content">
                         <Headline title="Responsive" link="#responsive" size="4" />
                         <div className="divider"></div>
-                        <VersionTag version="0.6.3." text="New" />
+                        <VersionTag version="0.6.3" text="New" />
                         <p>
                             The margin classes mentioned here support viewport based application. All you need to do is
                             add a <code>&lt;viewport&gt;:&lt;class&gt;</code> at the end of the class(es) you are using. For example,

diff --git a/cirrus-docs-next/src/layout/width/index.tsx b/cirrus-docs-next/src/layout/width/index.tsx
@@ -74,7 +74,7 @@ export const WidthPage: React.FC<any> = (props) => {
                         <div className="divider"></div>
                         <VersionTag version="0.7.2" text="Updated" />
                         <p>
-                            The <code>{`w-{{value}}`}</code> classes gives an element a percentage based width.
+                            The <code>{`w-{{value}}p`}</code> classes gives an element a percentage based width.
                         </p>
 
                         <div className="u-flex u-flex-column u-justify-space-evenly p-6 bg-orange-100 mb-2">

diff --git a/cirrus-docs-next/src/utilities/flexbox/index.tsx b/cirrus-docs-next/src/utilities/flexbox/index.tsx
@@ -804,7 +804,7 @@ export const FlexboxUtilsPage: React.FC<any> = (props) => {
                         <div className="space space--lg"></div>
 
                         <p>
-                            You can also use <code>flex-basis</code> util classes with percentages.
+                            You can also use <code>flex-basis</code> util classes with percentages (e.g. <code>u-basis-[10|20|30|40|50|60|70|80|90|100]p</code>).
                         </p>
                         <div className="u-flex h-12 bg-red-200 font-bold text-white p-3 u-gap-1">
                             <div className="bg-red-600 u-shadow-lg p-2 u-round-xs u-flex u-items-center u-justify-center u-basis-20p">