sideway updates demo added, readme updated, new build release.

dbtek · Jul 24, 2014 · 1a79a1e · 1a79a1e
1 parent 45d69eb
commit 1a79a1e
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -68,13 +68,19 @@ Vertical tabs component for Bootstrap 3.
   </ul>
 </div>
 ```
-####Vertical Texts :new:
+####Sideways Tabs :new:
 
-* Add `vertical-text` class to tabs.
+Add `sideways` class to tabs.
+
+Example:
+```
+  <ul class="nav nav-tabs tabs-left sideways">
+    ...
+```
 
 ![screenshot vertical texts](screenshot-v.png)
 
-* Further, take a look at included demo!
+Further, take a look at included demo!
 
 ### License
 [MIT](opensource.org/licenses/MIT)

diff --git a/bootstrap.vertical-tabs.css b/bootstrap.vertical-tabs.css
@@ -1,7 +1,7 @@
 /*!
  * bootstrap-vertical-tabs - v1.1.0
  * https://dbtek.github.io/bootstrap-vertical-tabs
- * 2014-06-06
+ * 2014-07-24
  * Copyright (c) 2014 İsmail Demirbilek
  * License: MIT
  */
@@ -47,43 +47,43 @@
   border-radius: 0 4px 4px 0;
   margin-right: 0;
 }
-.vertical-text {
+.sideways {
   margin-top:50px;
   border: none;
   position: relative;
 }
-.vertical-text>li {
+.sideways>li {
   height: 20px;
   width: 120px;
   margin-bottom: 100px;
 }
-.vertical-text>li>a {
+.sideways>li>a {
   border-bottom: 1px solid #ddd;
   border-right-color: transparent;
   text-align: center;
   border-radius: 4px 4px 0px 0px;
 }
-.vertical-text>li.active>a,
-.vertical-text>li.active>a:hover,
-.vertical-text>li.active>a:focus {
+.sideways>li.active>a,
+.sideways>li.active>a:hover,
+.sideways>li.active>a:focus {
   border-bottom-color: transparent;
   border-right-color: #ddd;
   border-left-color: #ddd;
 }
-.vertical-text.tabs-left {
+.sideways.tabs-left {
   left: -50px;
 }
-.vertical-text.tabs-right {
+.sideways.tabs-right {
   right: -50px;
 }
-.vertical-text.tabs-right>li {
+.sideways.tabs-right>li {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 }
-.vertical-text.tabs-left>li {
+.sideways.tabs-left>li {
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);

diff --git a/bootstrap.vertical-tabs.min.css b/bootstrap.vertical-tabs.min.css
diff --git a/demo.html b/demo.html
@@ -67,11 +67,11 @@ <h3>Right Tabs</h3>
 
     <div class="row">
       <div  class="col-sm-6">
-        <h3>Left Tabs - Vertical Text</h3>
+        <h3>Left Tabs - Sideways</h3>
         <hr/>
         <div class="col-xs-3"> <!-- required for floating -->
           <!-- Nav tabs -->
-          <ul class="nav nav-tabs tabs-left vertical-text">
+          <ul class="nav nav-tabs tabs-left sideways">
             <li class="active"><a href="#home-v" data-toggle="tab">Home</a></li>
             <li><a href="#profile-v" data-toggle="tab">Profile</a></li>
             <li><a href="#messages-v" data-toggle="tab">Messages</a></li>
@@ -94,7 +94,7 @@ <h3>Left Tabs - Vertical Text</h3>
       </div>
 
       <div  class="col-sm-6">
-        <h3>Right Tabs - Vertical Text</h3>
+        <h3>Right Tabs - Sideways</h3>
         <hr/>
         <div class="col-xs-9">
           <!-- Tab panes -->
@@ -108,7 +108,7 @@ <h3>Right Tabs - Vertical Text</h3>
 
         <div class="col-xs-3"> <!-- required for floating -->
           <!-- Nav tabs -->
-          <ul class="nav nav-tabs tabs-right vertical-text">
+          <ul class="nav nav-tabs tabs-right sideways">
             <li class="active"><a href="#home-vr" data-toggle="tab">Home</a></li>
             <li><a href="#profile-vr" data-toggle="tab">Profile</a></li>
             <li><a href="#messages-vr" data-toggle="tab">Messages</a></li>