-
Notifications
You must be signed in to change notification settings - Fork 0
/
addons.html
34 lines (32 loc) · 1.84 KB
/
addons.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<title>Fluento</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="icon.svg">
<h1 class="logo" onclick="window.location.href = 'index.html'">fluento</h1>
<ul class="navbar sticky glow push">
<li><a href="index.html">Home</a></li>
<li><a href="api.html">API Documentation</a></li>
<li><a href="design.html">design</a></li>
<li><a href="demo.html">Demos</a></li>
<li><a href="credits.html">credits</a></li>
<li><a id="active">addons</a></li>
<li><a href="https://github.com/shaurya1709/fluento">github</a></li>
</ul>
<h1 class="head">addons</h1>
<h1>what are addons</h1>
<p>an addon is a cSS file which adds extra features and / or enhances pre-included features.</p>
<h1>creating addons</h1>
<h2>configuration options</h2>
<p>since configuration is managed with cSS variables, it obeys all rules of a cSS property</p>
<h2>class pairs</h2>
<p>class pairs are defined by adding two classes as a selector. Example: a class pair which has two classes one and two has the selector <span class="code">.one.two</span>. class pairs can have more than 2 classes as well.</p>
<h2>Channels</h2>
<p>channels are like different versions of files. like beta releases, stable releases, older releases etc. channels allow developers to use older versions or see new features before they are released.fluento recommends use of channels whilst creating addons.</p>
<h2>uploading and managing files</h2>
<p>we recommend uploading the files in a github repository then using the view raw option. the link opened is the link used in cSS to add the addon.</p>
<h2>creating the addon website</h2>
<p>in the same repository as the cSS file, we recommend using github pages and making the addon website.</p>
<style>
@import url(style.css);
.code {font-family: source code pro; font-size: 14px; text-transform: none;}
</style>