handheld warning modal at the end of the first chapter

1 files changed, 0 insertions, 143 deletions

diff --git a/animism-align/frontend/app/views/viewer/modals/modals.css b/animism-align/frontend/app/views/viewer/modals/modals.css
deleted file mode 100644
index c541962..0000000
--- a/animism-align/frontend/app/views/viewer/modals/modals.css
+++ /dev/null
@@ -1,143 +0,0 @@
-/* vitrine modal */
-
-.vitrine-modal {
-  position: fixed;
-  top: 0; left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 20;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s;
-  background: white;
-}
-.vitrine-modal.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-.vitrine-modal .vitrine-modal-content {
-  display: flex;
-  flex-flow: row;
-  justify-content: flex-start;
-  align-items: flex-start;
-  width: 100%;
-  height: 100%;
-}
-.vitrine-modal .vitrine-modal-content > div {
-  width: 50%;
-  height: 100%;
-}
-.vitrine-modal .vitrine-image {
-  background-size: contain;
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-color: #eee;
-}
-.vitrine-modal .vitrine-text {
-  background: white;
-  color: black;
-  font-family: "Freight Text", serif;
-  font-size: 1.2rem;
-  line-height: 1.5;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.vitrine-modal .vitrine-text > div {
-  max-width: 45vw;
-  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
-}
-.vitrine-modal .vitrine-text-content {
-  white-space: pre-wrap;
-}
-.vitrine-modal .vitrine-caption {
-  margin-bottom: 1.5rem;
-}
-.vitrine-modal .vitrine-close {
-  position: absolute;
-  top: 23px;
-  right: 32px;
-}
-.vitrine-modal .vitrine-close svg {
-  cursor: pointer;
-  width: 26px;
-  height: 20px;
-}
-.vitrine-modal .vitrine-close svg line {
-  stroke: #000;
-}
-
-/* vitrine prev/next buttons */
-
-.vitrine-nav {
-  position: absolute;
-  bottom: 0;
-  transition: 0.1s transform;
-  transform: translateZ(0) translateY(9rem);
-  cursor: pointer;
-  color: #000;
-  font-size: 18px;
-}
-.vitrine-nav:hover {
-  transform: translateZ(0) translateY(0);
-}
-.vitrine-nav.nav-close,
-.vitrine-nav.nav-close:hover {
-  transition: 0;
-  transform: translateZ(0) translateY(0);
-}
-.vitrine-nav.prev {
-  left: 0;
-}
-.vitrine-nav.next {
-  right: 0;
-}
-.vitrine-nav .vitrine-nav-content {
-  display: flex;
-  flex-direction: row;
-  white-space: nowrap;
-  height: 3rem;
-}
-.vitrine-nav.prev .vitrine-nav-content {
-  align-items: center;
-  justify-content: flex-start;
-}
-.vitrine-nav.next .vitrine-nav-content {
-  align-items: center;
-  justify-content: flex-end;
-}
-.vitrine-nav .vitrine-nav-thumbnail {
-  width: 12rem;
-  height: 8rem;
-  margin: 0.5rem;
-  border-radius: 1rem;
-  background-size: contain;
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-color: #eee;
-}
-.vitrine-nav .arrow {
-  display: inline-block;
-  width: 2.5rem;
-  height: 2.5rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.vitrine-nav .arrow.left,
-.vitrine-nav .arrow.right {
-  width: 1.25rem;
-}
-.vitrine-nav .arrow svg {
-  width: 100%;
-  height: 100%;
-}
-
-.vitrine-nav.black {
-  color: #fff;
-}
-.vitrine-nav.black .arrow svg polygon {
-  fill: #fff;
-}
-.vitrine-nav .vitrine-nav-thumbnail.black {
-  background-color: #000;
-}