readme

simple   

Cards

Create paper-like cards with the w3-card classes:

w3-card

w3-card-2

w3-card-4

Copy
Edit
<!-- components/readme/simple.php --> <div class="w3-container"> <h2>Cards</h2> <p>Create paper-like cards with the w3-card classes:</p> <div class="w3-panel w3-card"><p>w3-card</p></div> <div class="w3-panel w3-card-2"><p>w3-card-2</p></div> <div class="w3-panel w3-card-4"><p>w3-card-4</p></div> </div>
Copy
Copy
Edit
/* scss/readme/_simple.scss */

settings   

By default Atomic Docs is set up for Scss component style files and PHP markup files. This however can be easily changed even after you have started your project. Clicking on the gear icon in the blue toolbar in the sidebar gives you the ability to change the style partial file extension (to .less for example) as well as the ability to change the markup component file extension (to .twig perhaps).

Copy
Edit
<!-- components/readme/settings.php --> <img src="atomic-core/img/settings.png" />
Copy
Copy
Edit
/* scss/readme/_settings.scss */