javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

tab icon updates

Browse Source
This commit is contained in:
Adam Bradley
2013-10-31 15:00:04 -05:00
parent 2fc88c2346
commit ca3bbb24ab
8 changed files with 171 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
dist/css/ionic-ios7.css vendored
View File

@@ -840,6 +840,7 @@ a.subdued‎ {
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
background-color: white;
background-image: linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
border-color: #dddddd;
color: #333333;
position: fixed;
@@ -851,39 +852,56 @@ a.subdued‎ {
height: 49px;
border-style: solid;
border-top-width: 1px;
font-size: 16px; }
line-height: 49px;
background-size: 0; }
.tabs.tabs-default {
background-color: white;
background-image: linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
border-color: #dddddd;
color: #333333; }
.tabs.tabs-secondary {
background-color: whitesmoke;
background-image: linear-gradient(0deg, #bbbbbb, #bbbbbb 50%, transparent 50%);
border-color: #bbbbbb;
color: #333333; }
.tabs.tabs-primary {
background-color: #4a87ee;
background-image: linear-gradient(0deg, #3b6dc2, #3b6dc2 50%, transparent 50%);
border-color: #3b6dc2;
color: white; }
.tabs.tabs-success {
background-color: #66cc33;
background-image: linear-gradient(0deg, #5bb22f, #5bb22f 50%, transparent 50%);
border-color: #5bb22f;
color: white; }
.tabs.tabs-info {
background-color: #43cee6;
background-image: linear-gradient(0deg, #3bb3c8, #3bb3c8 50%, transparent 50%);
border-color: #3bb3c8;
color: white; }
.tabs.tabs-warning {
background-color: #f0b840;
background-image: linear-gradient(0deg, #d29f31, #d29f31 50%, transparent 50%);
border-color: #d29f31;
color: white; }
.tabs.tabs-danger {
background-color: #ef4e3a;
background-image: linear-gradient(0deg, #c73927, #c73927 50%, transparent 50%);
border-color: #c73927;
color: white; }
.tabs.tabs-dark {
background-color: #ef4e3a;
background-image: linear-gradient(0deg, #c73927, #c73927 50%, transparent 50%);
border-color: #c73927;
color: white; }
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.tabs {
padding-top: 2px;
border-top: none !important;
border-bottom: none !important;
background-position: top;
background-size: 100% 1px;
background-repeat: no-repeat; } }
.tabs-top {
top: 44px; }
@@ -895,7 +913,6 @@ a.subdued‎ {
display: block;
overflow: hidden;
box-sizing: border-box;
padding-top: 4px;
width: 0;
height: 100%;
color: inherit;
@@ -909,33 +926,29 @@ a.subdued‎ {
opacity: 0.7; }
.tabs-icon-top .tab-item,
.tabs-icon-right .tab-item,
.tabs-icon-bottom .tab-item,
.tabs-icon-left .tab-item {
position: relative;
padding-top: 0;
font-size: 10px; }
.tabs-icon-bottom .tab-item {
font-size: 10px;
line-height: 14px; }
.tabs-icon-left .tab-item i {
position: absolute;
left: 4px;
display: flex;
height: 100%;
align-items: center; }
.tabs-icon-right .tab-item i {
position: absolute;
right: 4px;
display: flex;
height: 100%;
align-items: center; }
/* Icon for tab */
.tab-item i {
display: block;
margin: 1px auto -3px auto;
margin: 0 auto;
height: 32px;
font-size: 32px; }
.tabs-icon-left .tab-item,
.tabs-icon-right .tab-item {
font-size: 10px; }
.tabs-icon-left .tab-item i,
.tabs-icon-right .tab-item i {
font-size: 24px;
display: inline-block;
vertical-align: top;
line-height: 49px; }
.tabs-icon-only i {
line-height: inherit; }
/* Navigational tab */
/* Active state for tab */
.tab-item.active, .tab-item:active {
@@ -955,13 +968,6 @@ a.subdued‎ {
.tab-item.active.tab-item-dark, .tab-item:active.tab-item-dark {
color: #444444; }
/* Label for tab */
.tab-label {
margin-top: 1px;
color: #fff;
font-weight: bold;
font-size: 10px; }
.menu {
position: absolute;
top: 0;