ionic/src/components/toast/toast.ios.scss at polyfill-changes · CssFormWork/ionic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
@import "../../themes/ionic.globals.ios";

// iOS Toast
// --------------------------------------------------

$toast-ios-text-align:                            left !default;
$toast-ios-background:                            rgba(0, 0, 0, .9) !default;
$toast-ios-border-radius:                         .65rem !default;

$toast-ios-title-color:                           #fff !default;
$toast-ios-title-font-size:                       1.4rem !default;
$toast-ios-title-padding:                         1.5rem !default;

.toast-ios .toast-wrapper {
  position: absolute;
  right: 10px;

  left: 10px;
  z-index: $z-index-overlay-wrapper;
  display: block;

  margin: auto;

  max-width: $toast-max-width;

  border-radius: $toast-ios-border-radius;

  background: $toast-ios-background;
}

.toast-ios .toast-wrapper.toast-top {
  top: 0;

  transform: translate3d(0, -100%, 0);
}

.toast-ios .toast-wrapper.toast-bottom {
  bottom: 0;

  transform: translate3d(0, 100%, 0);
}

.toast-ios .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-ios .toast-message {
  padding: $toast-ios-title-padding;

  font-size: $toast-ios-title-font-size;

  color: $toast-ios-title-color;
}