pension-app/styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/_dropup.scss

41 lines
1.0 KiB
SCSS

.dropup {
.dropdown-menu {
box-shadow: $dropdown-box-shadow;
transition: $dropdown-transition;
cursor: pointer;
top: auto !important;
bottom: 100% !important;
margin-bottom: $dropup-mb !important;
display: block;
opacity: 0;
transform-origin: $dropup-transform-origin;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform,box-shadow;
animation: $dropdown-animation;
&.show {
pointer-events: auto;
opacity: 1;
animation: $dropdown-animation-show;
&:after {
bottom: -($dropup-animation-arrow-bottom-position - 2);
}
}
&:after {
font-family: "FontAwesome";
content: "\f0d7";
position: absolute;
z-index: -1;
bottom: $dropup-animation-arrow-bottom-position;
left: $dropdown-animation-arrow-left-position;
right: auto;
font-size: $dropdown-animation-arrow-font-size;
color: $white;
transition: $dropup-animation-arrow-transition;
}
}
}