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

tabs / hairlines

Browse Source
This commit is contained in:
Adam Bradley
2015-04-07 11:59:13 -05:00
parent 83ec010d2f
commit 2e9da98d41
11 changed files with 105 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/app/ionic.scss
View File

@@ -45,6 +45,7 @@
// iOS Components
@import
"../toolbar/extensions/ios",
"../action-menu/extensions/ios",
"../alert/extensions/ios",
"../button/extensions/ios",
@@ -55,7 +56,7 @@
"../radio/extensions/ios",
"../search-bar/extensions/ios",
"../switch/extensions/ios",
"../toolbar/extensions/ios";
"../tabs/extensions/ios";
// Material Design Components
@@ -64,6 +65,7 @@
"../button/extensions/android",
"../list/extensions/android",
"../item/extensions/android",
"../tabs/extensions/android",
"../toolbar/extensions/android";

45
src/components/app/mixins/_util.scss
View File

@@ -64,3 +64,48 @@
$url: url-encode($svg);
background-image: url("data:image/svg+xml;charset=utf-8,#{$url}");
}
// Hairline
// --------------------------------------------------
@mixin hairline($placement, $line-color, $z-index: 999) {
@if $placement == top {
&:before {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: $z-index;
display: block;
width: 100%;
height: 1px;
@include transform-origin(50%, 0%);
background-color: $line-color;
content: '';
}
} @else if $placement == bottom {
&:after {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
z-index: $z-index;
display: block;
width: 100%;
height: 1px;
@include transform-origin(50%, 0%);
background-color: $line-color;
content: '';
}
}
}