danbarber/julep
1
0
Fork 0
mirror of https://github.com/danbee/julep synced 2025-03-04 08:59:10 +00:00
Code Issues Releases Wiki Activity

Tweak styling for tab bar. Fix HTML spacing issue with floats.

Browse Source
This commit is contained in:
Dan Barber 2013-02-12 11:39:58 +00:00
parent c87c37b64b
commit e6d78746a1
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
includes/_tabbar.scss
View File

@ -5,14 +5,20 @@
background: #111; background: #111;
text-align: center; text-align: center;
height: 3.5em; height: 3.5em;
padding-top: 0.2em; padding: 0.15em 0.2em;
border-top: 1px solid #222; border-top: 1px solid #222;
@include linear-gradient(#444, #333); @include linear-gradient(#444, #333);
@include box-shadow(0 -2px 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2)); @include box-shadow(0 -2px 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2));
ul {
list-style: none;
}
li { li {
display: inline-block; float: left;
width: 49.2%; padding: 0.1em;
height: 3.0em; height: 100%;
&:first-child a {
margin-left: 0;
}
a { a {
border-radius: 0.3em; border-radius: 0.3em;
font-size: 0.7em; font-size: 0.7em;
@ -40,6 +46,9 @@
} }
} }
@mixin tabbar { @mixin tabbar($buttons) {
@extend .tabbar; @extend .tabbar;
li {
width: (100% / $buttons);
}
} }