1*99d199f3SIftekharul Islam
2*99d199f3SIftekharul Islam// inline confirmation message
3*99d199f3SIftekharul Islam.inline__confirm {
4*99d199f3SIftekharul Islam  position: absolute;
5*99d199f3SIftekharul Islam  top: 0;
6*99d199f3SIftekharul Islam  transform: translateY(-103%);
7*99d199f3SIftekharul Islam  width: 100%;
8*99d199f3SIftekharul Islam  height: 100%;
9*99d199f3SIftekharul Islam  margin-left: -1.8em;
10*99d199f3SIftekharul Islam  z-index: 5;
11*99d199f3SIftekharul Islam  background: $darkbg__primary;
12*99d199f3SIftekharul Islam  color: $white;
13*99d199f3SIftekharul Islam  padding: 2em 2em 1.55em 2em;
14*99d199f3SIftekharul Islam  overflow: hidden;
15*99d199f3SIftekharul Islam  &.active {
16*99d199f3SIftekharul Islam    transform: translateY(0);
17*99d199f3SIftekharul Islam    @include fastTransition-all;
18*99d199f3SIftekharul Islam  }
19*99d199f3SIftekharul Islam}
20*99d199f3SIftekharul Islam
21*99d199f3SIftekharul Islam// Power confirmation buttons
22*99d199f3SIftekharul Islam.inline__confirm-buttons {
23*99d199f3SIftekharul Islam  .btn-primary {
24*99d199f3SIftekharul Islam    background: transparent;
25*99d199f3SIftekharul Islam    border: 2px solid $white;
26*99d199f3SIftekharul Islam    padding: 1em 2.2em;
27*99d199f3SIftekharul Islam    margin: 0 10px;
28*99d199f3SIftekharul Islam    border-radius: 4px;
29*99d199f3SIftekharul Islam    &:focus,
30*99d199f3SIftekharul Islam    &:hover {
31*99d199f3SIftekharul Islam      background: $primebtn__bg;
32*99d199f3SIftekharul Islam      border: 2px solid $primebtn__bg;
33*99d199f3SIftekharul Islam    }
34*99d199f3SIftekharul Islam  }
35*99d199f3SIftekharul Islam  @include mediaQuery(large) {
36*99d199f3SIftekharul Islam    float: right;
37*99d199f3SIftekharul Islam  }
38*99d199f3SIftekharul Islam}
39*99d199f3SIftekharul Islam
40*99d199f3SIftekharul Islam// confirmation message
41*99d199f3SIftekharul Islam.inline__confirm-message {
42*99d199f3SIftekharul Islam  display: inline-block;
43*99d199f3SIftekharul Islam}
44*99d199f3SIftekharul Islam
45*99d199f3SIftekharul Islam// Power confirmation message icon
46*99d199f3SIftekharul Islam.inline__confirm-message i::before {
47*99d199f3SIftekharul Islam  content: '\26A0';
48*99d199f3SIftekharul Islam  color: $status-warn;
49*99d199f3SIftekharul Islam  display: inline-block;
50*99d199f3SIftekharul Islam  font-size: 2em;
51*99d199f3SIftekharul Islam  vertical-align: middle;
52*99d199f3SIftekharul Islam  font-style: normal;
53*99d199f3SIftekharul Islam  margin-right: 15px;
54*99d199f3SIftekharul Islam}