Browse Source

Add a couple quick mobile tweaks

Jeffrey Way 10 years ago
parent
commit
799e630965
2 changed files with 14 additions and 0 deletions
  1. 6 0
      public/css/app.css
  2. 8 0
      resources/assets/sass/pages/_welcome.scss

+ 6 - 0
public/css/app.css

@@ -4634,6 +4634,9 @@ button.close {
   padding-left: 0;
   padding-left: 0;
   list-style: none;
   list-style: none;
   counter-reset: welcome-steps; }
   counter-reset: welcome-steps; }
+  @media (max-width: 991px) {
+    .steps {
+      max-width: 100%; } }
 
 
 .steps > .steps__item {
 .steps > .steps__item {
   margin-bottom: 2.5em;
   margin-bottom: 2.5em;
@@ -4654,6 +4657,9 @@ button.close {
     font: bold 2em monospace;
     font: bold 2em monospace;
     text-align: center;
     text-align: center;
     line-height: 49px; }
     line-height: 49px; }
+    @media (max-width: 991px) {
+      .steps > .steps__item:before {
+        display: none; } }
   .steps > .steps__item .body {
   .steps > .steps__item .body {
     float: left; }
     float: left; }
   .steps > .steps__item h2 {
   .steps > .steps__item h2 {

+ 8 - 0
resources/assets/sass/pages/_welcome.scss

@@ -3,6 +3,10 @@
 	padding-left: 0;
 	padding-left: 0;
 	list-style: none;
 	list-style: none;
 	counter-reset: welcome-steps;
 	counter-reset: welcome-steps;
+
+	@media (max-width: 991px) {
+		max-width: 100%;
+	}
 }
 }
 
 
 .steps > .steps__item {
 .steps > .steps__item {
@@ -26,6 +30,10 @@
 		font: bold 2em monospace;
 		font: bold 2em monospace;
 		text-align: center;
 		text-align: center;
 		line-height: 49px;
 		line-height: 49px;
+
+		@media (max-width: 991px) {
+			display: none;
+		}
 	}
 	}
 
 
 	.body {
 	.body {