position: absolute;
left: 0;
- font-size: unit(16*@css-scale*@mfscale, px);
+ font-size: 16px;
width: 100%;
- height: 5.5em;
+ height: 118px;
overflow: hidden;
color: @page-number-color;
font-weight: 600;
opacity: 0 !important;
}
- @media @small {
- padding: 1.5em 0;
- height: 5.5em;
- }
-
.pagenumbers {
display: block;
text-align: center;
position: absolute;
top: 0;
left: 0;
- margin-top: 1.9em;
+ margin-top: 46px;
font-size: 1.1em;
pointer-events: none;
+ font-weight: 400;
}
a {
line-height: 1;
font-weight: 400;
position: absolute;
- top: 1.3em;
- height: 2.5em;
- width: 30%;
+ top: 36px;
+ height: 46px;
+ width: 36%;
text-align: center;
- padding-top: 0.7em;
- @media @small {
- width: 35%;
- }
+ padding-top: 0.8em;
&.next {
right: 0;
svg {
- right: .8em;
+ right: 14px;
.msie & {
right: -40%;
left: 0;
svg {
- left: .8em;
+ left: 14px;
.msie & {
left: -40%;
svg {
position: absolute;
- top: 0.7em;
+ top: 14px;
height: 1em;
width: auto;
}
width: 100%;
height: 100%;
transition: all .6s;
- padding: 1.3em 0;
+ padding: 36px 0;
&.toreveal {
opacity: 0;