xref: /template/strap/resources/theme/default/components/css/height-toggle.css (revision 04fd306c7c155fa133ebb3669986875d65988276)
1*04fd306cSNickeaubutton.height-toggle-cs {
2*04fd306cSNickeau    border: none;
3*04fd306cSNickeau    position: absolute;
4*04fd306cSNickeau    left: 0;
5*04fd306cSNickeau    right: 0;
6*04fd306cSNickeau    bottom: 0;
7*04fd306cSNickeau    width: 100%;
8*04fd306cSNickeau    font-weight: 400;
9*04fd306cSNickeau    padding-top: 40px;
10*04fd306cSNickeau    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.5));
11*04fd306cSNickeau    box-sizing: border-box;
12*04fd306cSNickeau    z-index: 20;
13*04fd306cSNickeau}
14*04fd306cSNickeau
15*04fd306cSNickeaubutton[class="height-toggle-cs"][aria-expanded="true"]{
16*04fd306cSNickeau    padding-top: 0;
17*04fd306cSNickeau    background: none;
18*04fd306cSNickeau}
19*04fd306cSNickeau
20*04fd306cSNickeaubutton.height-toggle-cs::before {
21*04fd306cSNickeau    display: inline-block;
22*04fd306cSNickeau    font-weight: 700;
23*04fd306cSNickeau    line-height: 1;
24*04fd306cSNickeau    text-align: center;
25*04fd306cSNickeau    white-space: nowrap;
26*04fd306cSNickeau    border-radius: 0.5rem;
27*04fd306cSNickeau    min-width: 1rem;
28*04fd306cSNickeau    font-size: 180%;
29*04fd306cSNickeau    content: "▼︎";
30*04fd306cSNickeau    vertical-align: text-top;
31*04fd306cSNickeau}
32*04fd306cSNickeau
33*04fd306cSNickeaubutton[class="height-toggle-cs"][aria-expanded="true"]::before {
34*04fd306cSNickeau    transform: rotate(-180deg) translate(0, -0.6rem);;
35*04fd306cSNickeau    vertical-align: text-bottom;
36*04fd306cSNickeau}
37*04fd306cSNickeau
38*04fd306cSNickeau
39