openvibers/openvibe.meme Commits
Home on a phone: the hero picture keeps its labels, smaller (#106)
Changes
@@@ -154,7 +154,8 @@ html.ov-motion .mm-demo-bars i { animation: mm-bar .9s cubic-bezier(.2,.7,.2,1)#mm-developers section { margin-top: 26px; }/* On a phone the room's picture is a faint corner mark behind the title: the branches only, no words to read through. */--@media (max-width: 759px) { .sc-room-pic .mm-node, .sc-room-pic .mm-sticker { display: none; } }++/* Phones keep the tree's moments and stickers, smaller (11-07: hidden, the tree read as bare lines). */++@media (max-width: 759px) { .sc-room-pic .mm-node { font-size: .68rem; padding: 5px 9px; } .sc-room-pic .mm-node-root { max-width: 78%; white-space: normal; text-align: center; font-size: .8rem; } .sc-room-pic .mm-sticker { font-size: .64rem; padding: 3px 7px; } }@media (max-width: 860px) { .mm-make-grid { grid-template-columns: minmax(0, 1fr); } .mm-preview { position: static; order: -1; } }@media (prefers-reduced-motion: reduce) { .mm-tree-lines path, .mm-sticker, .mm-demo-bars i { animation: none !important; } }html[data-ov-motion=reduced] .mm-tree-lines path, html[data-ov-motion=reduced] .mm-sticker, html[data-ov-motion=reduced] .mm-demo-bars i { animation: none !important; }
@@ -154,7 +154,8 @@ html.ov-motion .mm-demo-bars i { animation: mm-bar .9s cubic-bezier(.2,.7,.2,1)
@@ -154,7 +154,8 @@ html.ov-motion .mm-demo-bars i { animation: mm-bar .9s cubic-bezier(.2,.7,.2,1)
#mm-developers section { margin-top: 26px; }
#mm-developers section { margin-top: 26px; }
/* On a phone the room's picture is a faint corner mark behind the title: the branches only, no words to read through. */
/* On a phone the room's picture is a faint corner mark behind the title: the branches only, no words to read through. */
-@media (max-width: 759px) { .sc-room-pic .mm-node, .sc-room-pic .mm-sticker { display: none; } }
+/* Phones keep the tree's moments and stickers, smaller (11-07: hidden, the tree read as bare lines). */
+@media (max-width: 759px) { .sc-room-pic .mm-node { font-size: .68rem; padding: 5px 9px; } .sc-room-pic .mm-node-root { max-width: 78%; white-space: normal; text-align: center; font-size: .8rem; } .sc-room-pic .mm-sticker { font-size: .64rem; padding: 3px 7px; } }
@media (max-width: 860px) { .mm-make-grid { grid-template-columns: minmax(0, 1fr); } .mm-preview { position: static; order: -1; } }
@media (max-width: 860px) { .mm-make-grid { grid-template-columns: minmax(0, 1fr); } .mm-preview { position: static; order: -1; } }
@media (prefers-reduced-motion: reduce) { .mm-tree-lines path, .mm-sticker, .mm-demo-bars i { animation: none !important; } }
@media (prefers-reduced-motion: reduce) { .mm-tree-lines path, .mm-sticker, .mm-demo-bars i { animation: none !important; } }
html[data-ov-motion=reduced] .mm-tree-lines path, html[data-ov-motion=reduced] .mm-sticker, html[data-ov-motion=reduced] .mm-demo-bars i { animation: none !important; }
html[data-ov-motion=reduced] .mm-tree-lines path, html[data-ov-motion=reduced] .mm-sticker, html[data-ov-motion=reduced] .mm-demo-bars i { animation: none !important; }