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

hairlines body css polyfill

Browse Source
This commit is contained in:
Adam Bradley
2015-07-24 14:46:26 -05:00
parent 526f43cd96
commit c8d03793a3
5 changed files with 42 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
ionic/components/action-menu/action-menu.scss
View File

@@ -52,8 +52,7 @@ $action-menu-options-border-color: #d1d3d6 !default;
width: auto;
overflow: hidden;
button,
[button] {
button {
display: block;
padding: 1px;
width: 100%;
@@ -69,8 +68,7 @@ $action-menu-options-border-color: #d1d3d6 !default;
}
}
button.activated,
[button].activated {
button.activated {
box-shadow: none;
border-color: $action-menu-options-border-color;
color: $action-menu-options-text-color;
@@ -94,12 +92,11 @@ $action-menu-options-border-color: #d1d3d6 !default;
background-color: #fff;
overflow: hidden;
button,
[button] {
button {
border-width: 1px 0px 0px 0px;
}
button:first-child:last-child,
[button]:first-child:last-child {
button:first-child:last-child {
border-width: 0;
}
}
@@ -108,21 +105,6 @@ $action-menu-options-border-color: #d1d3d6 !default;
background: $action-menu-options-bg-color;
}
.action-menu-cancel {
button,
[button] {
font-weight: 500;
}
}
.action-menu-open {
pointer-events: none;
&.modal-open .modal {
pointer-events: none;
}
.action-menu-backdrop {
pointer-events: auto;
}
.action-menu-cancel button {
font-weight: 500;
}

20
ionic/components/action-menu/extensions/ios.scss
View File

@@ -57,7 +57,7 @@ $action-menu-ios-icon-font-size: 1.4em !default;
background: $action-menu-ios-background-color;
font-weight: 400;
@include hairline(bottom, $action-menu-ios-border-color);
border-bottom: 1px solid $action-menu-ios-border-color;
}
.action-menu-title {
@@ -86,15 +86,11 @@ $action-menu-ios-icon-font-size: 1.4em !default;
border-bottom-right-radius: $action-menu-ios-border-radius;
}
.action-menu-container icon {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 0 10px 2px;
font-size: $action-menu-ios-icon-font-size;
}
}
.hairlines .action-menu[mode="ios"] {
.action-menu-title,
.action-menu-option {
border-bottom-width: 0.5px;
}
}