Skip to content

Instantly share code, notes, and snippets.

@kiwiupover
Created March 29, 2014 23:58
Show Gist options
  • Save kiwiupover/9865036 to your computer and use it in GitHub Desktop.
Save kiwiupover/9865036 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
.nav-tabs-right
border-bottom: 0
border-left: 1px solid #ddd
.nav-tabs-right > li
float: none
margin-bottom: 0
margin-left: -1px
.nav-tabs-right > li > a
margin-bottom: 2px
margin-left: 0
border-radius: 0 4px 4px 0
.nav-tabs-right > li > a:hover,
.nav-tabs-right > li > a:focus,
.nav-tabs-right > li.active > a,
.nav-tabs-right > li.active > a:hover,
.nav-tabs-right > li.active > a:focus
border: 1px solid #ddd
border-left-color: transparent
.row > .nav-tabs-right
padding-right: 15px
padding-left: 0
.navmenu,
.navbar-offcanvas
width: 300px
height: 100%
border-style: solid
border-width: 1px
border-radius: 4px
.navmenu-fixed-left,
.navmenu-fixed-right,
.navbar-offcanvas
position: fixed
top: 0
z-index: 1030
border-radius: 0
.navmenu-fixed-left,
.navbar-offcanvas
left: 0
border-width: 0 1px 0 0
.navmenu-fixed-right
right: 0
border-width: 0 0 0 1px
.navmenu-nav
margin-bottom: 10px
.navmenu-nav.dropdown-menu
position: static
float: none
padding-top: 0
margin: 0
border: none
border-radius: 0
-webkit-box-shadow: none
box-shadow: none
.navbar-offcanvas .navbar-nav
margin: 0
@media (min-width: 768px)
.navbar-offcanvas
width: auto
border-top: 0
box-shadow: none
.navbar-offcanvas.offcanvas
position: static
display: block !important
height: auto !important
padding-bottom: 0
overflow: visible !important
.navbar-offcanvas .navbar-nav.navbar-left:first-child
margin-left: -15px
.navbar-offcanvas .navbar-nav.navbar-right:last-child
margin-right: -15px
.navbar-offcanvas .navmenu-brand
display: none
.navmenu-brand
display: block
padding: 10px 15px
margin: 10px 0
font-size: 18px
line-height: 20px
.navmenu-brand:hover,
.navmenu-brand:focus
text-decoration: none
.navmenu-default,
.navbar-default .navbar-offcanvas
background-color: #f8f8f8
border-color: #e7e7e7
.navmenu-default .navmenu-brand,
.navbar-default .navbar-offcanvas .navmenu-brand
color: #777
.navmenu-default .navmenu-brand:hover,
.navbar-default .navbar-offcanvas .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus,
.navbar-default .navbar-offcanvas .navmenu-brand:focus
color: #5e5e5e
background-color: transparent
.navmenu-default .navmenu-text,
.navbar-default .navbar-offcanvas .navmenu-text
color: #777
.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-default .navmenu-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret
border-top-color: #333
border-bottom-color: #333
.navmenu-default .navmenu-nav > .open > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus
color: #555
background-color: #e7e7e7
.navmenu-default .navmenu-nav > .open > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret,
.navmenu-default .navmenu-nav > .open > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
.navmenu-default .navmenu-nav > .open > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret
border-top-color: #555
border-bottom-color: #555
.navmenu-default .navmenu-nav > .dropdown > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret
border-top-color: #777
border-bottom-color: #777
.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu
background-color: #e7e7e7
.navmenu-default .navmenu-nav.dropdown-menu > .divider,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider
background-color: #f8f8f8
.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus
background-color: #d7d7d7
.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a
color: #777
.navmenu-default .navmenu-nav > li > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus
color: #333
background-color: transparent
.navmenu-default .navmenu-nav > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus
color: #555
background-color: #e7e7e7
.navmenu-default .navmenu-nav > .disabled > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-default .navmenu-nav > .disabled > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-default .navmenu-nav > .disabled > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus
color: #ccc
background-color: transparent
.navmenu-inverse,
.navbar-inverse .navbar-offcanvas
background-color: #222
border-color: #080808
.navmenu-inverse .navmenu-brand,
.navbar-inverse .navbar-offcanvas .navmenu-brand
color: #999
.navmenu-inverse .navmenu-brand:hover,
.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus,
.navbar-inverse .navbar-offcanvas .navmenu-brand:focus
color: #fff
background-color: transparent
.navmenu-inverse .navmenu-text,
.navbar-inverse .navbar-offcanvas .navmenu-text
color: #999
.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret
border-top-color: #fff
border-bottom-color: #fff
.navmenu-inverse .navmenu-nav > .open > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-inverse .navmenu-nav > .open > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-inverse .navmenu-nav > .open > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus
color: #fff
background-color: #080808
.navmenu-inverse .navmenu-nav > .open > a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret,
.navmenu-inverse .navmenu-nav > .open > a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
.navmenu-inverse .navmenu-nav > .open > a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret
border-top-color: #fff
border-bottom-color: #fff
.navmenu-inverse .navmenu-nav > .dropdown > a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret
border-top-color: #999
border-bottom-color: #999
.navmenu-inverse .navmenu-nav.dropdown-menu,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu
background-color: #080808
.navmenu-inverse .navmenu-nav.dropdown-menu > .divider,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider
background-color: #222
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus
background-color: #000
.navmenu-inverse .navmenu-nav > li > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a
color: #999
.navmenu-inverse .navmenu-nav > li > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-inverse .navmenu-nav > li > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus
color: #fff
background-color: transparent
.navmenu-inverse .navmenu-nav > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-inverse .navmenu-nav > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-inverse .navmenu-nav > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus
color: #fff
background-color: #080808
.navmenu-inverse .navmenu-nav > .disabled > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-inverse .navmenu-nav > .disabled > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-inverse .navmenu-nav > .disabled > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus
color: #444
background-color: transparent
The line was indented 4 levels deeper than the previous line.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment