tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjusts responsiveness of ekko lightbox.

This commit is contained in:
mateuswetah 2019-11-12 09:52:59 -03:00
parent 0630c163ec
commit 880ac4056b
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/scss/_lightbox.scss
View File

@ -29,7 +29,7 @@
& > * {
width: 100%;
max-width: 100%;
max-width: calc(100% - 98px); // Enough to fit arrows aside
height: auto;
max-height: 85vh;
}
@ -37,7 +37,7 @@
width: auto;
}
& > iframe {
min-height: 60vh;
min-height: 80vh;
border: none;
}
& > a,
@ -45,6 +45,7 @@
padding: 1rem 4.33337vw;
background: white;
border-radius: 3px;
word-wrap: break-word;
}
}
@ -60,8 +61,8 @@
}
span::before {
display: inline-block;
font: normal normal normal 64px/1 "TainacanIcons";
font-size: 64px !important;
font: normal normal normal 56px/1 "TainacanIcons";
font-size: 56px !important;
line-height: 1;
font-size: inherit;
text-rendering: auto;
@ -72,7 +73,7 @@
color: white;
}
&:first-child {
left: -64px;
left: -6px;
position: relative;
span:before {
@ -80,7 +81,7 @@
}
}
&:last-child {
right: -64px;
right: -6px;
position: relative;
span:before {

2
src/style.css.map
View File

File diff suppressed because one or more lines are too long