jeter20131220 3 vuotta sitten
vanhempi
commit
f2d6a7443e
3 muutettua tiedostoa jossa 36 lisäystä ja 4 poistoa
  1. 21 2
      about/about.css
  2. 0 0
      about/about.css.map
  3. 15 2
      about/about.scss

+ 21 - 2
about/about.css

@@ -320,6 +320,13 @@ body .arrow:hover {
   background: rgba(141, 194, 31, 0.8);
 }
 
+@media screen and (max-width: 350px) {
+  #banner #banner-container .banner-m .bannerm-1 {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+}
+
 #banner #banner-container .banner-m .bannerm-1 .btn {
   color: #fff;
   width: 60px;
@@ -328,6 +335,13 @@ body .arrow:hover {
           box-shadow: none;
 }
 
+@media screen and (max-width: 350px) {
+  #banner #banner-container .banner-m .bannerm-1 .btn {
+    width: 55px;
+    height: 40px;
+  }
+}
+
 #banner #banner-container .banner-m .bannerm-1 .btn :focus {
   outline: 0 !important;
   -webkit-box-shadow: none;
@@ -388,7 +402,7 @@ body .arrow:hover {
   position: relative;
 }
 
-#banner #banner-container ul .nav-item .nav-item2:after {
+#banner #banner-container ul .nav-item .nav-item2:before {
   content: url(../img/about/sec01/item-arrow.png);
   display: block;
   width: 80%;
@@ -405,7 +419,12 @@ body .arrow:hover {
   opacity: 1;
 }
 
-#banner #banner-container ul .nav-item .nav-item2:focus:after {
+#banner #banner-container ul .nav-item .nav-item2:focus:before {
+  width: 80%;
+  opacity: 1;
+}
+
+#banner #banner-container ul .nav-item .nav-item2 .btncss {
   width: 80%;
   opacity: 1;
 }

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
about/about.css.map


+ 15 - 2
about/about.scss

@@ -251,11 +251,20 @@ body {
                 display: none;
             }
             .bannerm-1 {
+                @media screen and(max-width:350px) {
+                    padding-right: 5px;
+                    padding-left: 5px;
+                }
                 .btn{
                     color:#fff;
                     width: 60px;
                     height: 40px;
                     box-shadow:none;
+                    @media screen and(max-width:350px) {
+                        width: 55px;
+                        height: 40px;
+                      
+                    }
                     :focus{
                         outline: 0 !important;
                         box-shadow:none;
@@ -298,7 +307,7 @@ body {
                 }
                 .nav-item2 {
                     position: relative;
-                    &:after {
+                    &:before {
                         content: url(../img/about/sec01/item-arrow.png);
                         display: block;
                         width: 80%;
@@ -317,7 +326,11 @@ body {
                     .after-nav {
                         opacity: 1;
                     }
-                    &:focus:after {
+                    &:focus:before {
+                        width: 80%;
+                        opacity: 1;
+                    }
+                    .btncss{
                         width: 80%;
                         opacity: 1;
                     }

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä