@@ -57,6 +58,9 @@ export default {
z-index: 100;
height: 5rem;
line-height: 1;
+ background-image: url(/images/vueschool/vueschool_banner_mobile.png);
+ background-size: cover;
+ background-repeat: no-repeat;
}
#vs:hover {
text-decoration: none;
@@ -65,14 +69,20 @@ export default {
#vs {
height: 5rem;
justify-content: center;
+ background-image: none;
}
}
#vs:hover .vs-core .vs-button {
background: linear-gradient(261deg, #e61463 100%, #db5248 3%);
}
#vs .vs-core {
- display: flex;
- align-items: center;
+ display: none;
+}
+@media (min-width: 680px) {
+ #vs .vs-core {
+ display: flex;
+ align-items: center;
+ }
}
#vs .vs-core .vs-slogan {
font-family: Archivo;
@@ -121,14 +131,22 @@ export default {
#vs .vs-core .vs-button {
margin-right: 0;
padding: 8px 24px;
- margin-left: 32px;
+ margin-left: 22px;
}
}
-@media (min-width: 680px) {
+@media (min-width: 1024px) {
#vs .vs-core .vs-button {
margin-left: 69px;
}
}
+.vs-tag {
+ margin-left: 10px
+}
+@media (min-width: 1024px) {
+ .vs-tag {
+ margin-left: 30px
+ }
+}
#vs .vs-close {
right: 6px;
position: absolute;
diff --git a/docs/public/images/vueschool/extended.svg b/docs/public/images/vueschool/extended.svg
new file mode 100644
index 00000000..192d76b2
--- /dev/null
+++ b/docs/public/images/vueschool/extended.svg
@@ -0,0 +1,6 @@
+
diff --git a/docs/public/images/vueschool/vueschool_banner_mobile.png b/docs/public/images/vueschool/vueschool_banner_mobile.png
new file mode 100644
index 00000000..590a15a4
Binary files /dev/null and b/docs/public/images/vueschool/vueschool_banner_mobile.png differ
diff --git a/docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg b/docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
similarity index 82%
rename from docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg
rename to docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
index 022da2d0..ed53dc0f 100644
--- a/docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg
+++ b/docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
@@ -113,18 +113,18 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -148,53 +148,53 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
