kaf.js sample 10

by mtsgi

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/[email protected]/d/kitstrap.css">
<script src="https://mtsgi.github.io/kafjs/kaf.js"></script>
<main id="kaf">
  <div class="mybox1">My Box 1</div>
  <div class="mybox1 large-text">My Box 1</div>
  <div class="large-text">My Box</div>
</main>

JavaScript

import Kaf from 'https://mtsgi.github.io/kafjs/kaf.js';

const kaf = new Kaf({
  elem: '#kaf',
  styles: {
    '.mybox1': {
      padding: '10px',
      color: 'dodgerblue',
      border: '2px solid dodgerblue',
      marginBottom: '10px',
      '&.large-text': {
        fontSize: '30px',
        textAlign: 'right'
      }
    }
  }
});