Buttons are use in different places.
Buttons are group before use or put them in class in order to make change easy and fast.
<!DOCTYPE html>
<html>
<title>Buttons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.cdn.getweb.dev/docs/v1/css/getweb.css">
<style>
.gw-button {width:150px;}
</style>
<body>
<div class="gw-container">
<h2>Button Colors</h2>
<p><button class="gw-button gw-red">Red</button></p>
<p><button class="gw-button gw-pink">Pink</button></p>
<p><button class="gw-button gw-purple">Purple</button></p>
<p><button class="gw-button gw-deep-purple">Deep Purple</button></p>
<p><button class="gw-button gw-indigo">Indigo</button></p>
<p><button class="gw-button gw-blue">Blue</button></p>
<p><button class="gw-button gw-light-blue">Light Blue</button></p>
<p><button class="gw-button gw-cyan">Cyan</button></p>
<p><button class="gw-button gw-aqua">Aqua</button></p>
<p><button class="gw-button gw-teal">Teal</button></p>
<p><button class="gw-button gw-green">Green</button></p>
<p><button class="gw-button gw-light-green">Light Green</button></p>
<p><button class="gw-button gw-lime">Lime</button></p>
<p><button class="gw-button gw-sand">Sand</button></p>
<p><button class="gw-button gw-khaki">Khaki</button></p>
<p><button class="gw-button gw-yellow">Yellow</button></p>
<p><button class="gw-button gw-amber">Amber</button></p>
<p><button class="gw-button gw-orange">Orange</button></p>
<p><button class="gw-button gw-deep-orange">Deep Orange</button></p>
<p><button class="gw-button gw-brown">Brown</button></p>
<p><button class="gw-button gw-blue-grey">Blue Grey</button></p>
<p><button class="gw-button gw-light-grey">Light Grey</button></p>
<p><button class="gw-button gw-grey">Grey</button></p>
<p><button class="gw-button gw-dark-grey">Dark Grey</button></p>
<p><button class="gw-button gw-black">Black</button></p>
<p><button class="gw-button gw-pale-red">Pale-red</button></p>
<p><button class="gw-button gw-pale-yellow">Pale-yellow</button></p>
<p><button class="gw-button gw-pale-green">Pale-green</button></p>
<p><button class="gw-button gw-pale-blue">Pale-blue</button></p>
</div>
<div class="gw-container">
<h2>Button Shapes</h2>
<p><button class="gw-button gw-pink gw-round-small">Round Small</button></p>
<p><button class="gw-button gw-red gw-round">Round Normal</button></p>
<p><button class="gw-button gw-yellow gw-round-large">Round Large</button></p>
<p><button class="gw-button gw-green gw-round-xlarge">Round XLarge</button></p>
<p><button class="gw-button gw-blue gw-round-xxlarge">Round XXLarge</button></p>
</div>
</body>
</html>
Stay update on the version?
Email: support@getweb.dev