arreglos

Jose Pinto
1 parent 901a556aaf
Showing 2 changed files with 21 additions and 0 deletions Show diff stats
src/sass/_botonera-principal.scss
src/sass/_swiper.scss
@@ -7,6 +7,9 @@
         @media (max-width: 576px) {
             width: 100%;
         }
+        @media (min-width: 992px) and (max-width: 1200px){
+            width: 150px;
+        }
     }
     button {
         background-image: url('../img/botonera.png');
@@ -26,6 +29,7 @@
         }
     }
     &-menu {
+        width: 100%;
         padding-left: 90px;
         @media (max-width: 576px) {
             padding: 0;
@@ -187,4 +191,10 @@
     .swiper-button-prev {
         background-image: url('../img/izquierda.png');
     }
+
+    @media (min-width: 992px){
+        a{
+            margin-top: 2.5rem;
+        }
+    }
 }
 .swiper {
     &-container {
         height: 300px;
+        
     }
     &-slide {
         background: transparent;
@@ -9,4 +10,14 @@
         -webkit-align-items: unset;
         align-items: unset;
     }
+
+    @media(max-width: 992px){
+        &-container{
+            height: 430px;
+        }
+        &-pagination{
+            background: #CCC;
+            padding: 0.5rem;
+        }
+    }
 }
...	...	@@ -7,6 +7,9 @@
7	7	@media (max-width: 576px) {
8	8	width: 100%;
9	9	}
	10	+ @media (min-width: 992px) and (max-width: 1200px){
	11	+ width: 150px;
	12	+ }
10	13	}
11	14	button {
12	15	background-image: url('../img/botonera.png');
...	...	@@ -26,6 +29,7 @@
26	29	}
27	30	}
28	31	&-menu {
	32	+ width: 100%;
29	33	padding-left: 90px;
30	34	@media (max-width: 576px) {
31	35	padding: 0;
...	...	@@ -187,4 +191,10 @@
187	191	.swiper-button-prev {
188	192	background-image: url('../img/izquierda.png');
189	193	}
	194	+
	195	+ @media (min-width: 992px){
	196	+ a{
	197	+ margin-top: 2.5rem;
	198	+ }
	199	+ }
190	200	}
1	1	.swiper {
2	2	&-container {
3	3	height: 300px;
	4	+
4	5	}
5	6	&-slide {
6	7	background: transparent;
...	...	@@ -9,4 +10,14 @@
9	10	-webkit-align-items: unset;
10	11	align-items: unset;
11	12	}
	13	+
	14	+ @media(max-width: 992px){
	15	+ &-container{
	16	+ height: 430px;
	17	+ }
	18	+ &-pagination{
	19	+ background: #CCC;
	20	+ padding: 0.5rem;
	21	+ }
	22	+ }
12	23	}