btn outline style

assisfery · Jun 20, 2021 · 67be0fc · 67be0fc
1 parent 59c7e7a
commit 67be0fc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -166,13 +166,14 @@ <h5>Button with Shadows</h5>
 
 		<br><br>
 		<h5>Unicolor</h5>
-		<p>If you want to all your buttons have the same color just use the class <b>ss-black</b> (or ss-dark, ss-gray, ss-light) in <b>ss-box</b> container.</p>
+		<p>If you want to all your buttons have the same color just use the class <b>ss-black</b> (or ss-dark, ss-gray, ss-light, ss-outline) in <b>ss-box</b> container.</p>
 		<pre class="alert alert-secondary">&lt;div class="ss-box ss-black"&gt;&lt;/div&gt;</pre>
 		<br>
 		<div class="ss-box ss-black"></div>
 		<div class="ss-box ss-dark"></div>		
 		<div class="ss-box ss-gray"></div>
 		<div class="ss-box ss-light"></div>
+		<div class="ss-box ss-outline"></div>
 
 		<br><br>
 		<h5>Strait</h5>

diff --git a/social-share.css b/social-share.css
@@ -35,6 +35,12 @@
 	color: #444 !important;
 }
 
+.ss-outline .ss-btn{
+	background: #fff !important;
+	color: #444 !important;
+	border: 1px solid #bbb !important;
+}
+
 /*CIRCLE BUTTON*/
 
 .ss-circle .ss-btn{

diff --git a/social-share.min.css b/social-share.min.css