javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: hairlines width can be configured with a sass variable

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-02-07 15:00:34 +01:00
parent 5ac1cf9048
commit 06b3a5b3bd
10 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/action-sheet/action-sheet.ios.scss
View File

@ -88,6 +88,6 @@ ion-action-sheet {
&.hairlines {
.action-sheet-title,
.action-sheet-button {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}
}

8
ionic/components/alert/alert.ios.scss
View File

@ -247,15 +247,15 @@ ion-alert {
&.hairlines {
.alert-radio-group,
.alert-checkbox-group {
border-width: 0.55px;
border-width: $hairlines-width;
}
.alert-input {
border-width: 0.55px;
border-width: $hairlines-width;
}
.alert-button {
border-top-width: 0.55px;
border-right-width: 0.55px;
border-top-width: $hairlines-width;
border-right-width: $hairlines-width;
}
}

2
ionic/components/app/app.ios.scss
View File

@ -21,7 +21,7 @@ hr {
}
&.hairlines hr {
height: 0.55px;
height: $hairlines-width;
}
@each $color-name, $color-value in $colors-ios {

3
ionic/components/button/button.ios.scss
View File

@ -131,6 +131,9 @@ $button-ios-small-icon-font-size: 1.3em !default;
}
}
&.hairlines .button-outline {
border-width: $hairlines-width;
}
// iOS Outline Button Color Mixin
// --------------------------------------------------

2
ionic/components/item/item.ios.scss
View File

@ -86,7 +86,7 @@ $item-ios-sliding-content-bg: $list-ios-background-color !default;
}
&.hairlines .item-inner {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}

12
ionic/components/list/list.ios.scss
View File

@ -98,28 +98,28 @@ ion-list + ion-list {
&.hairlines {
ion-list-header {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}
ion-list {
ion-item-options {
border-width: 0.55px;
border-width: $hairlines-width;
}
.item {
.item-inner {
border-width: 0.55px;
border-width: $hairlines-width;
}
}
> .item:first-child {
border-top-width: 0.55px;
border-top-width: $hairlines-width;
}
> .item:last-child,
> ion-item-sliding:last-child .item {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}
}
@ -163,7 +163,7 @@ ion-list[inset] + ion-list[inset] {
&.hairlines ion-list[inset] {
.item {
border-width: 0.55px;
border-width: $hairlines-width;
}
}

2
ionic/components/searchbar/searchbar.ios.scss
View File

@ -175,7 +175,7 @@ ion-searchbar {
// -----------------------------------------
&.hairlines ion-searchbar {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}

4
ionic/components/tabs/tabs.ios.scss
View File

@ -97,11 +97,11 @@ ion-tabs[tabbarPlacement=top] tabbar {
&.hairlines ion-tabs {
tabbar {
border-top-width: 0.55px;
border-top-width: $hairlines-width;
}
&[tabbarPlacement="top"] tabbar {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}
}

2
ionic/components/toolbar/toolbar.ios.scss
View File

@ -47,7 +47,7 @@ ion-navbar-section {
}
&.hairlines .toolbar-background {
border-bottom-width: 0.55px;
border-bottom-width: $hairlines-width;
}

4
ionic/globals.core.scss
View File

@ -13,3 +13,7 @@ $include-rtl: true !default;
// Global font path
$font-path: "../fonts" !default;
// Hairline width
$hairlines-width: 0.55px !default;