fix(docs): missing periods + minor changes (#1328)

* fix(docs): fixed punctuation + grammar stuff

* fix(docs): added missing periods

* fix(docs): missing periods

* fix(docs): missing period

* fix(docs): missing period

src/docs/src/routes/components/bottom-navigation.svelte.md

@@ -1,6 +1,6 @@
 ---
 title: Bottom navigation
-desc: Bottom navigation bar allows navigation between primary screens
+desc: Bottom navigation bar allows navigation between primary screens.
 published: true
 ---
 

src/docs/src/routes/components/countdown.svelte.md

@@ -1,6 +1,6 @@
 ---
 title: Countdown
-desc: Countdown gives you a transition effect of changing numbers
+desc: Countdown gives you a transition effect of changing numbers.
 published: true
 ---
 
@@ -26,7 +26,7 @@ published: true
   })
 </script>
 
-You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99
+You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.
 
 <ClassTable
 data="{[

src/docs/src/routes/docs/config.svelte.md

@@ -48,25 +48,25 @@ module.exports = {
   <Translate text="If it's true, all themes will be included." />
   <Translate text="If it's false, only light (default) theme will be available." />  
   <Translate text="If it's an array, only themes in the array will be included and the first theme will be the default theme." />
-  <Translate text="Read more about <a href='/docs/themes'>themes</a>" />
+  <Translate text="Read more about <a href='/docs/themes'>themes</a>." />
 
 - ### base
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added" />
+  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added." />
 
 - ### utils
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added" />
+  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added." />
 
 - ### logs
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, daisyUI shows logs in the terminal while CSS is building" />
+  <Translate text="If it's true, daisyUI shows logs in the terminal while CSS is building." />
 
 - ### rtl
 

src/docs/src/routes/docs/customize.svelte.md

@@ -1,6 +1,6 @@
 ---
 title: Customize daisyUI components
-desc: How to customize daisyUI
+desc: How to customize daisyUI?
 published: true
 ---
 
@@ -41,7 +41,7 @@ published: true
 <button class="rounded-full btn">One</button>
 <button class="px-16 rounded-none btn">Two</button>
 
-3. <Translate text="You can customize components on your CSS file, using Tailwind's @apply directive." />
+3. <Translate text="You can customize components on your CSS file, using Tailwind's @apply directive:" />
 
 ```css
 .btn {
@@ -51,5 +51,5 @@ published: true
 
 4. <Translate text="You can also:" />
 
-- [<Translate text="add your own theme" />](/theme-generator)
-- <Translate text="opt-out of daisyUI's design decisions <a href='/docs/config'>only use a unstyled (skeleton) version of daisyUI</a>." />
+- [<Translate text="Add your own theme." />](/theme-generator)
+- <Translate text="Opt out of daisyUI's design decisions, and <a href='/docs/config'>only use an unstyled (skeleton) version of daisyUI</a>." />

src/docs/src/routes/docs/layout-and-typography.svelte.md

@@ -10,7 +10,7 @@ published: true
 
 ## <Translate text="Layout" />
 
-<Translate text="Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes" />
+<Translate text="Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes." />
 
 <br/>