88 < meta name ="description " content ="A flexible CSS Framework for building modern responsive web apps ">
99 < meta name ="keywords " content ="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web ">
1010 < link rel ="shortcut icon " href ="https://moyus.github.io/pointcss/images/favicon.ico " />
11- < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/point.css?v=200alpha9 ">
12- < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/style.css?v=200alpha9 ">
13- < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9 ">
11+ < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/point.css?v=200alpha10 ">
12+ < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/style.css?v=200alpha10 ">
13+ < link rel ="stylesheet " href ="https://moyus.github.io/pointcss/css/prism.css?v=200alpha10 ">
1414</ head >
1515< body >
1616 < div id ="docs " class ="site ">
2424 < div class ="navbar__end ">
2525 < div class ="navbar__item hidden-until@lg ">
2626 < div class ="site__metadata ">
27- < span > v2.0.0-alpha.9 </ span >
27+ < span > v2.0.0-alpha.10 </ span >
2828 < a href ="https://github.com/moyus/pointcss " title ="Github " target ="_blank ">
2929 < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " viewBox ="0 0 20 20 ">
3030 < path d ="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0 " fill ="currentColor "> </ path >
100100 < label class ="navigation__label "> UTILITIES</ label >
101101 < div class ="navigation__content ">
102102 < a href ="https://moyus.github.io/pointcss/color.html " class ="navigation__link "> Color</ a >
103- < a href ="https://moyus.github.io/pointcss/elevation .html " class ="navigation__link "> Elevation </ a >
103+ < a href ="https://moyus.github.io/pointcss/effect .html " class ="navigation__link "> Effect </ a >
104104 < a href ="https://moyus.github.io/pointcss/layout.html " class ="navigation__link "> Layout</ a >
105105 < a href ="https://moyus.github.io/pointcss/spacing.html " class ="navigation__link "> Spacing</ a >
106106 < a href ="https://moyus.github.io/pointcss/text.html " class ="navigation__link "> Text</ a >
@@ -131,25 +131,33 @@ <h2 id="variants">
131131 < button class ="btn btn--success "> Success</ button >
132132 < button class ="btn btn--danger "> Danger</ button >
133133 < button class ="btn btn--warning "> Warning</ button >
134+ < button class ="btn btn--black "> Black</ button >
134135 < button class ="btn btn--dark "> Dark</ button >
136+ < button class ="btn btn--light "> Light</ button >
135137 < button class ="btn btn--white "> White</ button >
138+ < button class ="btn btn--link "> Link</ button >
136139</ div >
137140
138141< pre > < code class ="language-html "> <button class="btn btn--primary">Primary</button>
139142<button class="btn btn--info">Info</button>
140143<button class="btn btn--success">Success</button>
141144<button class="btn btn--danger">Danger</button>
142145<button class="btn btn--warning">Warning</button>
146+ <button class="btn btn--black">Black</button>
143147<button class="btn btn--dark">Dark</button>
144- <button class="btn btn--white">White</button></ code > </ pre >
148+ <button class="btn btn--light">Light</button>
149+ <button class="btn btn--white">White</button>
150+ <button class="btn btn--link">Link</button></ code > </ pre >
145151< h5 id ="outline "> Outline</ h5 > < p > By adding the < code > .btn--outline</ code > modifier class on any predefined button element to remove background color</ p >
146152< div class ="mb-6 ">
147153 < button class ="btn btn--outline btn--primary "> Primary</ button >
148154 < button class ="btn btn--outline btn--info "> Info</ button >
149155 < button class ="btn btn--outline btn--success "> Success</ button >
150156 < button class ="btn btn--outline btn--danger "> Danger</ button >
151157 < button class ="btn btn--outline btn--warning "> Warning</ button >
158+ < button class ="btn btn--outline btn--black "> Black</ button >
152159 < button class ="btn btn--outline btn--dark "> Dark</ button >
160+ < button class ="btn btn--outline btn--light "> Light</ button >
153161 < button class ="btn btn--outline btn--white "> White</ button >
154162</ div >
155163
@@ -158,7 +166,9 @@ <h5 id="outline">Outline</h5><p>By adding the <code>.btn--outline</code> modifie
158166<button class="btn btn--outline btn--success">Success</button>
159167<button class="btn btn--outline btn--danger">Danger</button>
160168<button class="btn btn--outline btn--warning">Warning</button>
169+ <button class="btn btn--outline btn--black">Black</button>
161170<button class="btn btn--outline btn--dark">Dark</button>
171+ <button class="btn btn--outline btn--light">Light</button>
162172<button class="btn btn--outline btn--white">White</button></ code > </ pre >
163173< h2 id ="state ">
164174 < a name ="state " class ="anchor " href ="#state "> </ a >
0 commit comments