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

popup z-index sass variables and csscomb'd popup.scss

Browse Source
This commit is contained in:
Adam Bradley
2014-03-14 22:07:59 -05:00
parent 018608dac3
commit fa0e43237c
2 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
scss/_popup.scss
View File

@@ -1,3 +1,4 @@
/**
* Popups
* --------------------------------------------------
@@ -7,7 +8,7 @@
position: fixed;
top: 50%;
left: 50%;
z-index: 11;
z-index: $z-index-popup;
// Start hidden
visibility: hidden;
@@ -38,19 +39,19 @@
.popup-head {
padding: 15px 0px;
text-align: center;
border-bottom: 1px solid #eee;
text-align: center;
}
.popup-title {
font-size: 15px;
margin: 0;
padding: 0;
font-size: 15px;
}
.popup-sub-title {
font-size: 11px;
margin: 5px 0 0 0;
padding: 0;
font-weight: normal;
font-size: 11px;
}
.popup-body {
padding: 10px;
@@ -64,8 +65,8 @@
.button {
margin: 0px 5px;
min-height: $popup-button-min-height;
line-height: $popup-button-line-height;
border-radius: $popup-button-border-radius;
line-height: $popup-button-line-height;
&:first-child {
margin-left: 0px;
@@ -77,27 +78,27 @@
}
.popup-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
@include animation-name(fadeIn);
@include animation-duration($popup-backdrop-fadein-duration);
@include animation-timing-function(linear);
@include animation-fill-mode(both);
position: fixed;
top: 0;
left: 0;
z-index: $z-index-popup-backdrop;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
.loading-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 10;
z-index: $z-index-popup-backdrop;
visibility: hidden;
width: 100%;

2
scss/_variables.scss
View File

@@ -626,6 +626,8 @@ $z-index-item-toggle: 3 !default;
$z-index-menu: 0 !default;
$z-index-modal: 10 !default;
$z-index-pane: 1 !default;
$z-index-popup: 11 !default;
$z-index-popup-backdrop: 10 !default;
$z-index-scroll-bar: 9999 !default;
$z-index-tabs: 5 !default;
$z-index-view: 1 !default;