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

toolbar border colors

Browse Source
This commit is contained in:
Adam Bradley
2015-08-12 13:57:03 -05:00
parent b1f71feb56
commit 2962a2c05d
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ionic/components/toolbar/modes/ios.scss
View File

@@ -17,7 +17,8 @@ $toolbar-ios-title-font-size: 1.7rem !default;
.nav[mode=ios] .toolbar,
.toolbar[mode=ios] {
border-bottom: 1px solid $toolbar-ios-border-color;
border-bottom-width: 1px;
border-bottom-style: solid;
min-height: $toolbar-ios-height;
.toolbar-title {

11
ionic/components/toolbar/toolbar.scss
View File

@@ -24,6 +24,8 @@ $toolbar-order: (
order: $flex-order-toolbar-top;
flex: 0;
border: 0;
border-color: $toolbar-border-color;
background-color: $toolbar-background-color;
button,
@@ -89,15 +91,16 @@ ion-title {
// Toolbar Color Generation
// --------------------------------------------------
@each $color, $value in $colors {
@each $color-name, $color-value in $colors {
.toolbar[#{$color}] {
background-color: $value;
.toolbar[#{$color-name}] {
background-color: $color-value;
border-color: darken($color-value, 15%);
ion-title,
button,
[button] {
color: inverse($value);
color: inverse($color-value);
}
}

4
ionic/themes/default.scss
View File

@@ -24,8 +24,8 @@ $list-border-color: #c8c7cc !default;
$link-color: map-get($colors, primary) !default;
$link-hover-color: darken($link-color, 15%) !default;
$toolbar-background-color: #f9f9f9 !default;
$toolbar-border-color: #c4c4c4 !default;
$toolbar-background-color: #f8f8f8 !default;
$toolbar-border-color: #b2b2b2 !default;
$toolbar-text-color: $text-color !default;
$toolbar-active-color: $link-color !default;
$toolbar-inactive-color: #8c8c8c !default;