Updated documentation

Author: UnderlineWords

docs/components/card.html

@@ -371,7 +371,7 @@ <h3 class="bordered">
 													debitis eos.
 												</div>
 												<div class="actions">
-													<div class="buttons block">
+													<div class="buttons small block">
 														<button class="button">
 															<span class="material-icons">account_circle</span>
 														</button>

docs/components/navbar.html

@@ -284,7 +284,7 @@
 									<div class="title">Default Navbar</div>
 								</div>
 								<div class="content bg-grid">
-									<header class="navbar">
+									<header class="navbar shadowed">
 										<section class="brand">
 											<a href="javascript:">
 												<img src="../images/punica.png">

docs/components/panel.html

@@ -457,10 +457,10 @@
 													</p>
 												</div>
 												<div class="bottom">
-													<div class="button dark">Bottom Button</div>
+													<div class="button primary">Bottom Button</div>
 													<div class="actions">
 														<div class="buttons small">
-															<a href="javascript:" class="button secondary">
+															<a href="javascript:" class="button primary">
 																<span class="material-icons">launch</span>
 															</a>
 															<div class="dropdown top right">

docs/index.html

@@ -16,7 +16,7 @@ <h1 class="mb-10">Punica CSS</h1>
 					<p>
 						Punica CSS is a Lightweight, Responsive, Modern and Fully Customizable Pure CSS Framework based on SASS/SCSS.
 					</p>
-					<div class="buttons">
+					<div class="buttons huge">
 						<a href="./base/introduction.html" class="button dark">Get Started</a>
 						<a href="https://github.com/codeforms/Punica-CSS-Framework" class="button" target="_blank">Github Repo</a>
 					</div>