---
# System prepended metadata

title: Aquatic Alchemy Aura Components Style Guide

---

# Aquatic Alchemy Aura Components Style Guide

Sectioning
- 
Attempt sectioning off blocks of markup related to an overall element displayed on screen. Include empty lines of code to help differentiate each section.

```

<div class="slds-grid">

     <div class="slds-col">
        <div>
            <c:component/>
            <br/>
            <lightning:button/>
        </div>
    </div>


     <div class="slds-col">
            <c:component/>
            <br/>
            <lightning:button/>
    </div>

</div>


```
Note:
- Two empty lines of code included in-between each column section to help with readability
1. - Use shift + tab within the developer console to help auto-indent all of your markup properly

<br/>

In Line Styling
-
Note:
- There should not be a space in-between the colon and value
- There should be a space seperating each property-value pair
```

 <apex:commandButton value="example" style="border:none; background:pink; color:#7C5B3E;"/>
         

```
