twbs
/
ratchet
зеркало из
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

fixing badges for real tho

This commit is contained in:
connors 2014-02-01 11:57:22 -08:00
Родитель b0f622bcc5
Коммит a5993fd588
3 изменённых файлов: 50 добавлений и 5 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

15
dist/ios-theme.css поставляемый
Просмотреть файл

@ -218,30 +218,43 @@ textarea,
.badge.badge-inverted { .badge.badge-inverted {
color: #929292; color: #929292;
background-color: transparent;
} }
.badge-primary { .badge-primary {
color: #fff; color: #fff;
background-color: #007aff;
} }
.badge-primary.badge-inverted { .badge-primary.badge-inverted {
color: #007aff; color: #007aff;
background-color: transparent;
} }
.badge-positive { .badge-positive {
color: #fff; color: #fff;
background-color: #4cd964;
} }
.badge-positive.badge-inverted { .badge-positive.badge-inverted {
color: #4cd964; color: #4cd964;
background-color: transparent;
} }
.badge-negative { .badge-negative {
color: #fff; color: #fff;
background-color: #dd524d;
} }
.badge-negative.badge-inverted { .badge-negative.badge-inverted {
color: #dd524d; color: #dd524d;
background-color: transparent;
} }
.btn:active .badge-inverted { .btn .badge {
background-color: rgba(0, 0, 0, 0.15);
}
.btn .badge.badge-inverted {
background-color: transparent;
}
.btn:active .badge {
color: #fff; color: #fff;
} }

15
docs-assets/css/docs.css
Просмотреть файл

@ -989,26 +989,39 @@ hr {
} }
.platform-ios .badge.badge-inverted { .platform-ios .badge.badge-inverted {
color: #929292; color: #929292;
background-color: transparent;
} }
.platform-ios .badge-primary { .platform-ios .badge-primary {
color: #fff; color: #fff;
background-color: #007aff;
} }
.platform-ios .badge-primary.badge-inverted { .platform-ios .badge-primary.badge-inverted {
color: #007aff; color: #007aff;
background-color: transparent;
} }
.platform-ios .badge-positive { .platform-ios .badge-positive {
color: #fff; color: #fff;
background-color: #4cd964;
} }
.platform-ios .badge-positive.badge-inverted { .platform-ios .badge-positive.badge-inverted {
color: #4cd964; color: #4cd964;
background-color: transparent;
} }
.platform-ios .badge-negative { .platform-ios .badge-negative {
color: #fff; color: #fff;
background-color: #dd524d;
} }
.platform-ios .badge-negative.badge-inverted { .platform-ios .badge-negative.badge-inverted {
color: #dd524d; color: #dd524d;
background-color: transparent;
} }
.platform-ios .btn:active .badge-inverted { .platform-ios .btn .badge {
background-color: rgba(0, 0, 0, 0.15);
}
.platform-ios .btn .badge.badge-inverted {
background-color: transparent;
}
.platform-ios .btn:active .badge {
color: #fff; color: #fff;
} }
.platform-ios .segmented-control { .platform-ios .segmented-control {

25
lib/sass/theme-ios.scss
Просмотреть файл

@ -303,6 +303,7 @@ textarea,
.badge { .badge {
&.badge-inverted { &.badge-inverted {
color: $default-color; color: $default-color;
background-color: transparent;
} }
} }
@ -313,33 +314,51 @@ textarea,
// Main badge // Main badge
.badge-primary { .badge-primary {
color: #fff; color: #fff;
background-color: $primary-color;
&.badge-inverted { &.badge-inverted {
color: $primary-color; color: $primary-color;
background-color: transparent;
} }
} }
// Positive badge // Positive badge
.badge-positive { .badge-positive {
color: #fff; color: #fff;
background-color: $positive-color;
&.badge-inverted { &.badge-inverted {
color: $positive-color; color: $positive-color;
background-color: transparent;
} }
} }
// Negative badge // Negative badge
.badge-negative { .badge-negative {
color: #fff; color: #fff;
background-color: $negative-color;
&.badge-inverted { &.badge-inverted {
color: $negative-color; color: $negative-color;
background-color: transparent;
} }
} }
// Active states // Badges in buttons
.btn:active .badge-inverted {
color: #fff; .btn {
.badge {
background-color: rgba(0,0,0,.15);
&.badge-inverted {
background-color: transparent;
}
}
// Active states
&:active .badge {
color: #fff;
}
} }