This commit is contained in:
parent
2f7473be0a
commit
43ad7241d4
10 changed files with 111 additions and 147 deletions
|
|
@ -108,11 +108,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.modal--share {
|
||||
position: absolute;
|
||||
width: calc(100% - var(--padding-body) * 2);
|
||||
bottom: calc(var(--spacing) * 2);
|
||||
}
|
||||
// .modal--share {
|
||||
// position: absolute;
|
||||
// width: calc(100% - var(--padding-body) * 2);
|
||||
// bottom: calc(var(--spacing) * 2);
|
||||
// }
|
||||
|
||||
#banner--page {
|
||||
padding: calc(var(--spacing) * 0.5) 0;
|
||||
|
|
@ -241,13 +241,7 @@
|
|||
font-size: var(--fs-medium);
|
||||
}
|
||||
}
|
||||
.modal--share {
|
||||
position: absolute;
|
||||
bottom: calc(
|
||||
var(--padding-body) * 2 + var(--h-block) + var(--spacing) * 0.25
|
||||
);
|
||||
width: calc(100% - var(--padding-body));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media #{$medium-up} {
|
||||
|
|
|
|||
|
|
@ -114,23 +114,23 @@
|
|||
// position: relative;
|
||||
}
|
||||
|
||||
.modal--share{
|
||||
max-width: 240px;
|
||||
position: absolute;
|
||||
height: 250px;
|
||||
top: calc(var(--h-block) * 1.5);
|
||||
left: 260px;
|
||||
// .modal--share{
|
||||
// max-width: 240px;
|
||||
// position: absolute;
|
||||
// height: 250px;
|
||||
// top: calc(var(--h-block) * 1.5);
|
||||
// left: 260px;
|
||||
|
||||
|
||||
&::before{
|
||||
content: "◀";
|
||||
transform: rotate(90deg);
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: calc(var(--h-block) * 1.5);
|
||||
}
|
||||
}
|
||||
// &::before{
|
||||
// content: "◀";
|
||||
// transform: rotate(90deg);
|
||||
// font-size: 10px;
|
||||
// position: absolute;
|
||||
// top: -10px;
|
||||
// right: calc(var(--h-block) * 1.5);
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
|
@ -287,20 +287,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
.modal--share{
|
||||
position: absolute;
|
||||
bottom: calc(var(--h-block) * -1.5);
|
||||
right: calc(-100% + var(--padding-inner));
|
||||
// .modal--share{
|
||||
// position: absolute;
|
||||
// bottom: calc(var(--h-block) * -1.5);
|
||||
// right: calc(-100% + var(--padding-inner));
|
||||
|
||||
&::before{
|
||||
content: "◀";
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
bottom: calc(var(--h-block) * 0.25);
|
||||
left: -9px;
|
||||
}
|
||||
// &::before{
|
||||
// content: "◀";
|
||||
// font-size: 10px;
|
||||
// position: absolute;
|
||||
// bottom: calc(var(--h-block) * 0.25);
|
||||
// left: -9px;
|
||||
// }
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue