diff --git a/assets/sass/pages/lavalamp-adoptable.scss b/assets/sass/pages/lavalamp-adoptable.scss index c05f4d1..dac61c8 100644 --- a/assets/sass/pages/lavalamp-adoptable.scss +++ b/assets/sass/pages/lavalamp-adoptable.scss @@ -70,6 +70,13 @@ .preview-100 { width: 100px; height: 200px; + + @include media-down(md) { + position: absolute; + top: 10px; + right: 10px; + z-index: 900; + } } .preview-200 { @@ -185,12 +192,10 @@ transform: translate(var(--start-x), var(--start-y)) scale(1); } 25% { - transform: translate(var(--mid1-x), var(--mid1-y)) - scale(var(--scale1, 1.1)); + transform: translate(var(--mid1-x), var(--mid1-y)) scale(var(--scale1, 1.1)); } 50% { - transform: translate(var(--mid2-x), var(--mid2-y)) - scale(var(--scale2, 0.9)); + transform: translate(var(--mid2-x), var(--mid2-y)) scale(var(--scale2, 0.9)); } 75% { transform: translate(var(--mid3-x), var(--mid3-y)) diff --git a/assets/sass/pages/resources.scss b/assets/sass/pages/resources.scss index 727c698..70c7fbf 100644 --- a/assets/sass/pages/resources.scss +++ b/assets/sass/pages/resources.scss @@ -811,7 +811,6 @@ width: 5px; height: 100%; background: linear-gradient(180deg, transparent, #0096ff, transparent); - //box-shadow: 0 0 10px rgba(0, 150, 255, 0.8); } // Orange line on the right @@ -824,7 +823,6 @@ width: 5px; height: 100%; background: linear-gradient(180deg, transparent, #ff7800, transparent); - //box-shadow: 0 0 10px rgba(255, 120, 0, 0.8); } @include media-down(md) { diff --git a/layouts/shortcodes/lavalamp-adoptable.html b/layouts/shortcodes/lavalamp-adoptable.html index 5d7fbbd..c256317 100644 --- a/layouts/shortcodes/lavalamp-adoptable.html +++ b/layouts/shortcodes/lavalamp-adoptable.html @@ -1,9 +1,9 @@
-

Preview

+

Preview

-
+
- 100px × 200px + 100px × 200px
-
+