diff --git a/css/style.css b/css/style.css index d171e5b..08f6ba0 100644 --- a/css/style.css +++ b/css/style.css @@ -38,7 +38,12 @@ button { max-width: 1440px; margin: 0 auto; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .container { + overflow: hidden; + } +} +@media (min-width: 351px) and (max-width: 480px) { .container { overflow: hidden; } @@ -53,7 +58,12 @@ button { top: 0; left: 0; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar { display: none; } @@ -70,7 +80,19 @@ button { justify-content: space-between; z-index: 10; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 110px; + border-bottom: 1px solid #d1d1d1; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content { -webkit-box-pack: center; -ms-flex-pack: center; @@ -89,7 +111,7 @@ button { -webkit-transform: translateX(-100%); transform: translateX(-100%); } -@media (max-width: 480px) { +@media (max-width: 350px) { .navbar-content .sidebar-nav { display: block; position: absolute; @@ -107,10 +129,10 @@ button { } .navbar-content .sidebar-nav .menu { position: absolute; - left: -65px; + left: -52px; top: 40px; - width: 45px; - height: 30px; + width: 37px; + height: 25px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #fff; @@ -122,17 +144,18 @@ button { position: absolute; left: 0; width: 100%; - border-top: 4px solid black; + border-top: 4px solid #333; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; + border-radius: 2px; } .navbar-content .sidebar-nav .menu .menu-top { top: 0; } .navbar-content .sidebar-nav .menu .menu-top.menu-top-click { - top: 12px; + top: 11px; -webkit-transform: rotate(50deg); transform: rotate(50deg); -webkit-transition: 0.5s 0.3s; @@ -141,16 +164,104 @@ button { backface-visibility: hidden; } .navbar-content .sidebar-nav .menu .menu-middle { - top: 15px; + top: 10px; } .navbar-content .sidebar-nav .menu .menu-middle.menu-middle-click { opacity: 0; } .navbar-content .sidebar-nav .menu .menu-bottom { - top: 30px; + top: 20px; + } + .navbar-content .sidebar-nav .menu .menu-bottom.menu-bottom-click { + top: 11px; + -webkit-transform: rotate(-410deg); + transform: rotate(-410deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: 0.5s 0.3s; + transition: 0.5s 0.3s; + } + .navbar-content .sidebar-nav li { + border-bottom: 1px solid #d1d1d1; + } + .navbar-content .sidebar-nav li:last-of-type { + border-bottom: none; + } + .navbar-content .sidebar-nav li a { + width: 100%; + padding: 30px; + text-transform: capitalize; + font-size: 1.4rem; + } + .navbar-content .sidebar-nav li img.contact-img, + .navbar-content .sidebar-nav li img.facebook-img, + .navbar-content .sidebar-nav li img.instagram-img { + margin-right: 10px; + } +} +@media (min-width: 351px) and (max-width: 480px) { + .navbar-content .sidebar-nav { + display: block; + position: absolute; + top: 0; + z-index: 1000; + width: 50%; + left: 100%; + -webkit-transition: 0.5s ease; + transition: 0.5s ease; + background-color: #fff; + border: 1px solid #d1d1d1; + -webkit-box-shadow: 0 0 13px #d1d1d1; + box-shadow: 0 0 13px #d1d1d1; + border-radius: 15px 0 0 15px; + } + .navbar-content .sidebar-nav .menu { + position: absolute; + left: -52px; + top: 40px; + width: 37px; + height: 25px; + -webkit-transition: 0.5s; + transition: 0.5s; + background-color: #fff; + } + .navbar-content .sidebar-nav .menu.active-menu { + left: -45px; + } + .navbar-content .sidebar-nav .menu .menu-global { + position: absolute; + left: 0; + width: 100%; + border-top: 4px solid #333; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: 0.5s; + transition: 0.5s; + border-radius: 2px; + } + .navbar-content .sidebar-nav .menu .menu-top { + top: 0; + } + .navbar-content .sidebar-nav .menu .menu-top.menu-top-click { + top: 11px; + -webkit-transform: rotate(50deg); + transform: rotate(50deg); + -webkit-transition: 0.5s 0.3s; + transition: 0.5s 0.3s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + } + .navbar-content .sidebar-nav .menu .menu-middle { + top: 10px; + } + .navbar-content .sidebar-nav .menu .menu-middle.menu-middle-click { + opacity: 0; + } + .navbar-content .sidebar-nav .menu .menu-bottom { + top: 20px; } .navbar-content .sidebar-nav .menu .menu-bottom.menu-bottom-click { - top: 12px; + top: 11px; -webkit-transform: rotate(-410deg); transform: rotate(-410deg); -webkit-backface-visibility: hidden; @@ -186,7 +297,12 @@ button { height: 1px; z-index: -1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content::after { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content::after { display: none; } @@ -202,7 +318,12 @@ button { -ms-flex-positive: 1; flex-grow: 1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content ul.left { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content ul.left { display: none; } @@ -217,7 +338,12 @@ button { .navbar-content .applaws-logo-side-bar { display: none; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content .applaws-logo-side-bar { + display: block; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content .applaws-logo-side-bar { display: block; } @@ -233,7 +359,14 @@ button { z-index: 20; height: 83px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content div.middle-logo { + position: static; + width: 25%; + height: auto; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content div.middle-logo { position: static; width: 25%; @@ -248,7 +381,16 @@ button { -webkit-transition: ease-out 0.35s; transition: ease-out 0.35s; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content div.middle-logo img { + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + -webkit-transform: scale(1); + transform: scale(1); + height: 55px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content div.middle-logo img { -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; @@ -267,7 +409,12 @@ button { -ms-flex-pack: justify; justify-content: space-between; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content ul.right { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content ul.right { display: none; } @@ -297,7 +444,12 @@ button { .navbar-content .katide-logo-side-bar { display: none; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .navbar-content .katide-logo-side-bar { + display: block; + } +} +@media (min-width: 351px) and (max-width: 480px) { .navbar-content .katide-logo-side-bar { display: block; } @@ -359,7 +511,15 @@ button { justify-content: space-between; padding: 150px 0 100px 0; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header { + padding: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-bottom: 1px solid #d1d1d1; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header { padding: 0; -ms-flex-wrap: wrap; @@ -372,7 +532,18 @@ button { padding-top: 70px; left: 40px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .left-dog { + padding: 0; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + left: -55px; + bottom: 0; + z-index: -1; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .left-dog { padding: 0; -webkit-box-ordinal-group: 3; @@ -392,7 +563,12 @@ button { height: 1px; background-color: #d1d1d1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .left-dog::after { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .left-dog::after { display: none; } @@ -401,7 +577,7 @@ button { width: 300px; height: 306px; } -@media (max-width: 480px) { +@media (max-width: 350px) { .header .left-dog img { width: 167px; height: 171px; @@ -409,10 +585,46 @@ button { bottom: -4px; } } +@media (max-width: 350px) and (min-width: 481px) and (max-width: 768px) { + .header .left-dog img { + width: 230px; + height: 234px; + } +} +@media (min-width: 351px) and (max-width: 480px) { + .header .left-dog img { + width: 167px; + height: 171px; + position: relative; + bottom: -4px; + } +} +@media (min-width: 351px) and (max-width: 480px) and (min-width: 481px) and (max-width: 768px) { + .header .left-dog img { + width: 230px; + height: 234px; + } +} +@media (min-width: 481px) and (max-width: 768px) { + .header .left-dog img { + position: relative; + bottom: -4px; + } +} .header .main-txt { text-align: center; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .main-txt { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + position: relative; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .main-txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; @@ -428,10 +640,19 @@ button { font-size: 4rem; text-align: center; } -@media (max-width: 480px) { +@media (max-width: 350px) { .header .main-txt h1.txt1 { - font-size: 2.8rem; + font-size: 2rem; padding-top: 22px; + padding: 22px 15px 0 15px; + } + .header .main-txt h1.txt1 br { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { + .header .main-txt h1.txt1 { + font-size: 1rem; } .header .main-txt h1.txt1 br { display: none; @@ -445,7 +666,27 @@ button { font-weight: 500; margin: 38px auto 0 auto; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .main-txt p.txt2 { + margin: 0; + font-size: 1.2rem; + position: absolute; + top: 160%; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 48%; + line-height: 1.7; + } +} +@media (max-width: 350px) and (max-width: 350px) { + .header .main-txt p.txt2 { + font-size: 1rem; + line-height: 1.5; + padding: 0 10px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .main-txt p.txt2 { margin: 0; font-size: 1.2rem; @@ -458,12 +699,29 @@ button { line-height: 1.7; } } +@media (min-width: 351px) and (max-width: 480px) and (max-width: 350px) { + .header .main-txt p.txt2 { + font-size: 1rem; + line-height: 1.5; + padding: 0 10px; + } +} .header .right-cat { padding-top: 90px; position: relative; right: 60px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .right-cat { + padding: 0; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + right: -60px; + z-index: -1; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .right-cat { padding: 0; -webkit-box-ordinal-group: 4; @@ -482,7 +740,12 @@ button { height: 1px; background-color: #d1d1d1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .right-cat::after { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .right-cat::after { display: none; } @@ -491,7 +754,22 @@ button { width: 288px; height: 286px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .header .right-cat img { + width: 175px; + height: 174px; + position: relative; + bottom: -1px; + } +} +@media (max-width: 350px) and (min-width: 481px) and (max-width: 768px) { + .header .right-cat img { + width: 230px; + height: 229px; + bottom: -7px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .header .right-cat img { width: 175px; height: 174px; @@ -499,12 +777,30 @@ button { bottom: -1px; } } +@media (min-width: 351px) and (max-width: 480px) and (min-width: 481px) and (max-width: 768px) { + .header .right-cat img { + width: 230px; + height: 229px; + bottom: -7px; + } +} .products-section { position: relative; padding: 100px 0 180px 0; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .products-section { + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-top: 30px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .products-section { padding: 0; display: -webkit-box; @@ -529,10 +825,8 @@ button { justify-content: space-between; width: 540px; } -@media (max-width: 480px) { +@media (max-width: 350px) { .products-section .options { - top: 0; - left: 0; width: 382px; -webkit-transform: translate(0); transform: translate(0); @@ -540,6 +834,25 @@ button { margin: 0 auto; } } +@media (max-width: 350px) and (max-width: 350px) { + .products-section .options { + width: 300px; + } +} +@media (min-width: 351px) and (max-width: 480px) { + .products-section .options { + width: 382px; + -webkit-transform: translate(0); + transform: translate(0); + position: static; + margin: 0 auto; + } +} +@media (min-width: 351px) and (max-width: 480px) and (max-width: 350px) { + .products-section .options { + width: 300px; + } +} .products-section .options .option { width: 160px; height: 140px; @@ -561,16 +874,39 @@ button { transition: 0.25s; cursor: pointer; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .products-section .options .option { + width: 113px; + height: 99px; + } +} +@media (max-width: 350px) and (max-width: 350px) { + .products-section .options .option { + width: 90px; + height: 80px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .products-section .options .option { width: 113px; height: 99px; } } +@media (min-width: 351px) and (max-width: 480px) and (max-width: 350px) { + .products-section .options .option { + width: 90px; + height: 80px; + } +} .products-section .options .option.dog-option img { margin-right: 14px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .products-section .options .option.dog-option img { + margin-right: 8px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .products-section .options .option.dog-option img { margin-right: 8px; } @@ -587,7 +923,7 @@ button { font-weight: 800; margin-top: 10px; } -@media (max-width: 480px) { +@media (max-width: 350px) { .products-section .options .option span { font-size: 1.2rem; } @@ -620,7 +956,14 @@ button { -ms-flex-pack: justify; justify-content: space-between; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products { + width: 100%; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products { width: 100%; -ms-flex-wrap: wrap; @@ -631,7 +974,23 @@ button { -ms-flex-preferred-size: 20%; flex-basis: 20%; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products .food-choice { + -ms-flex-preferred-size: 382px; + flex-basis: 382px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 40px auto 0 auto; + } +} +@media (max-width: 350px) and (max-width: 350px) { + .food-products .food-choice { + -ms-flex-preferred-size: 300px; + flex-basis: 300px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products .food-choice { -ms-flex-preferred-size: 382px; flex-basis: 382px; @@ -641,6 +1000,12 @@ button { margin: 40px auto 0 auto; } } +@media (min-width: 351px) and (max-width: 480px) and (max-width: 350px) { + .food-products .food-choice { + -ms-flex-preferred-size: 300px; + flex-basis: 300px; + } +} .food-products .food-choice .food-option { width: 60%; display: -webkit-box; @@ -650,7 +1015,16 @@ button { -ms-flex-pack: justify; justify-content: space-between; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products .food-choice .food-option { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products .food-choice .food-option { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; @@ -693,7 +1067,12 @@ button { align-items: center; margin-top: 20px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products .food-choice .gallery-arrows { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products .food-choice .gallery-arrows { display: none; } @@ -712,7 +1091,13 @@ button { .food-products .food-choice .gallery-arrows button:disabled { border: 1px solid #d1d1d1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products .food-choice .section-applaws-logo { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products .food-choice .section-applaws-logo { -ms-flex-preferred-size: 50%; flex-basis: 50%; @@ -722,7 +1107,13 @@ button { margin-top: 40px; width: 43%; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .food-products .food-choice .section-applaws-logo img { + width: 50%; + margin-top: 0; + } +} +@media (min-width: 351px) and (max-width: 480px) { .food-products .food-choice .section-applaws-logo img { width: 50%; margin-top: 0; @@ -733,7 +1124,13 @@ button { -ms-flex-preferred-size: 69%; flex-basis: 69%; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .products-gallery { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .products-gallery { -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -750,7 +1147,18 @@ button { align-content: space-between; padding-right: 100px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .products-gallery .cat-wet { + height: 330px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + padding-right: 0; + } +} +@media (min-width: 351px) and (max-width: 480px) { .products-gallery .cat-wet { height: 330px; -webkit-box-pack: center; @@ -770,11 +1178,6 @@ button { border-color: #dfaa40; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .cat-wet-container { - margin-right: 0; - } -} .products-gallery .cat-wet .cat-wet-container .product-code { border: 1px solid transparent; border-left: none; @@ -830,11 +1233,6 @@ button { border-color: #4fb6b1; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .cat-katido-container { - margin-right: 0; - } -} .products-gallery .cat-wet .cat-katido-container .product-code { border: 1px solid transparent; border-left: none; @@ -887,11 +1285,6 @@ button { border-color: #cc6330; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .cat-dry-container { - margin-right: 0; - } -} .products-gallery .cat-wet .cat-dry-container .product-code { border: 1px solid transparent; border-left: none; @@ -950,11 +1343,6 @@ button { border-color: #71517b; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .cat-dry-treats-container { - margin-right: 0; - } -} .products-gallery .cat-wet .cat-dry-treats-container .product-code { border: 1px solid transparent; border-left: none; @@ -1007,11 +1395,6 @@ button { border-color: #4fb6b1; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .toys-container { - margin-right: 0; - } -} .products-gallery .cat-wet .toys-container .product-code { border: 1px solid transparent; border-left: none; @@ -1070,11 +1453,6 @@ button { border-color: #ac517c; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .dog-wet-container { - margin-right: 0; - } -} .products-gallery .cat-wet .dog-wet-container .product-code { border: 1px solid transparent; border-left: none; @@ -1130,11 +1508,6 @@ button { border-color: #cc037d; display: none; } -@media (max-width: 480px) { - .products-gallery .cat-wet .dog-dry-container { - margin-right: 0; - } -} .products-gallery .cat-wet .dog-dry-container .product-code { border: 1px solid transparent; border-left: none; @@ -1185,11 +1558,18 @@ section.about { padding: 110px 0 100px 0; position: relative; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about { + border-top: 1px solid #d1d1d1; + border-bottom: 1px solid #d1d1d1; + padding: 40px 15px 30px 15px; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; - padding: 0 20px 30px 20px; + padding: 40px 15px 30px 15px; } } section.about::before { @@ -1201,7 +1581,12 @@ section.about::before { height: 1px; background-color: #d1d1d1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about::before { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about::before { display: none; } @@ -1215,7 +1600,12 @@ section.about::after { height: 1px; background-color: #d1d1d1; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about::after { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about::after { display: none; } @@ -1226,7 +1616,13 @@ section.about .middle-column { text-align: center; margin-bottom: 80px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .middle-column { + max-width: 100%; + margin-bottom: 50px; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .middle-column { max-width: 100%; margin-bottom: 50px; @@ -1238,7 +1634,13 @@ section.about .middle-column h1 { font-weight: 800; margin-bottom: 25px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .middle-column h1 { + font-size: 2.8rem; + margin-bottom: 12px; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .middle-column h1 { font-size: 2.8rem; margin-bottom: 12px; @@ -1248,7 +1650,17 @@ section.about .middle-column p { font-family: "Lato"; font-size: 1.4rem; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .middle-column p { + font-size: 1.2rem; + padding: 0 25px; + line-height: 1.5; + } + section.about .middle-column p br { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .middle-column p { font-size: 1.2rem; padding: 0 25px; @@ -1258,6 +1670,11 @@ section.about .middle-column p { display: none; } } +@media (min-width: 481px) and (max-width: 768px) { + section.about .middle-column p br { + display: block; + } +} section.about .columns { display: -webkit-box; display: -ms-flexbox; @@ -1265,9 +1682,20 @@ section.about .columns { -ms-flex-pack: distribute; justify-content: space-around; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .columns { + position: relative; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .columns { position: relative; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } } section.about .columns .left-column, @@ -1284,7 +1712,17 @@ section.about .columns .right-column p.lower-txt { font-size: 1.1rem; line-height: 2; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .columns .left-column p.upper-txt, + section.about .columns .left-column p.lower-txt, + section.about .columns .right-column p.upper-txt, + section.about .columns .right-column p.lower-txt { + padding: 0; + font-size: 1rem; + width: 50%; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .columns .left-column p.upper-txt, section.about .columns .left-column p.lower-txt, section.about .columns .right-column p.upper-txt, @@ -1298,7 +1736,13 @@ section.about .columns .left-column p.upper-txt, section.about .columns .right-column p.upper-txt { margin-bottom: 25px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .columns .left-column p.upper-txt, + section.about .columns .right-column p.upper-txt { + margin-bottom: 12px; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .columns .left-column p.upper-txt, section.about .columns .right-column p.upper-txt { margin-bottom: 12px; @@ -1314,15 +1758,36 @@ section.about .columns .right-column .fish-img { -webkit-transform: translateX(-50%); transform: translateX(-50%); } -@media (max-width: 480px) { +@media (max-width: 350px) { + section.about .columns .left-column .animal-img, + section.about .columns .left-column .fish-img, + section.about .columns .right-column .animal-img, + section.about .columns .right-column .fish-img { + -webkit-transform: translateX(0); + transform: translateX(0); + left: -62%; + top: 30px; + z-index: -1; + } +} +@media (min-width: 351px) and (max-width: 480px) { section.about .columns .left-column .animal-img, section.about .columns .left-column .fish-img, section.about .columns .right-column .animal-img, section.about .columns .right-column .fish-img { -webkit-transform: translateX(0); transform: translateX(0); - left: -55%; + left: -62%; top: 30px; + z-index: -1; + } +} +@media (min-width: 481px) and (max-width: 768px) { + section.about .columns .left-column .animal-img, + section.about .columns .left-column .fish-img, + section.about .columns .right-column .animal-img, + section.about .columns .right-column .fish-img { + left: 35%; } } section.about .columns .left-column .fish-img, @@ -1331,24 +1796,53 @@ section.about .columns .right-column .fish-img { top: 15px; z-index: -1; } -@media (max-width: 480px) { +@media (max-width: 350px) { section.about .columns .left-column .fish-img, section.about .columns .right-column .fish-img { top: 40px; - left: -62%; + left: -70%; + } +} +@media (min-width: 351px) and (max-width: 480px) { + section.about .columns .left-column .fish-img, + section.about .columns .right-column .fish-img { + top: 40px; + left: -70%; + } +} +@media (min-width: 481px) and (max-width: 768px) { + section.about .columns .left-column .fish-img, + section.about .columns .right-column .fish-img { + left: 60%; + } +} +@media (max-width: 350px) { + section.about .columns .right-column p.upper-txt, + section.about .columns .right-column p.lower-txt { + margin-left: -280px; + margin-top: 100px; + width: 50%; + } + section.about .columns .right-column p.lower-txt { + margin-top: 10px; } } -@media (max-width: 480px) { +@media (min-width: 351px) and (max-width: 480px) { section.about .columns .right-column p.upper-txt, section.about .columns .right-column p.lower-txt { - margin-left: -220px; + margin-left: -280px; margin-top: 100px; - width: 55%; + width: 50%; } section.about .columns .right-column p.lower-txt { margin-top: 10px; } } +@media (min-width: 481px) and (max-width: 768px) { + section.about .columns .right-column { + margin-left: -30px; + } +} .contact-section { display: -webkit-box; @@ -1362,7 +1856,14 @@ section.about .columns .right-column .fish-img { -ms-flex-align: center; align-items: center; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section { + padding: 30px 20px 20px 20px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section { padding: 30px 20px 20px 20px; -ms-flex-wrap: wrap; @@ -1373,7 +1874,14 @@ section.about .columns .right-column .fish-img { -ms-flex-preferred-size: 290px; flex-basis: 290px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-info { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: center; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1385,7 +1893,15 @@ section.about .columns .right-column .fish-img { font-weight: 800; font-size: 4rem; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-info h2 { + font-size: 2.8rem; + } + .contact-section .contact-info h2 br { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-info h2 { font-size: 2.8rem; } @@ -1393,13 +1909,27 @@ section.about .columns .right-column .fish-img { display: none; } } +@media (min-width: 481px) and (max-width: 768px) { + .contact-section .contact-info h2 { + font-size: 3.2rem; + } +} .contact-section .contact-info p.description { font-family: "Lato"; font-size: 1.4rem; padding: 40px 0; line-height: 1.5; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-info p.description { + font-size: 1.2rem; + padding: 14px 0 40px 0; + } + .contact-section .contact-info p.description br { + display: none; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-info p.description { font-size: 1.2rem; padding: 14px 0 40px 0; @@ -1408,6 +1938,11 @@ section.about .columns .right-column .fish-img { display: none; } } +@media (min-width: 481px) and (max-width: 768px) { + .contact-section .contact-info p.description { + font-size: 1.4rem; + } +} .contact-section .contact-info .contact-details { display: -webkit-box; display: -ms-flexbox; @@ -1416,7 +1951,14 @@ section.about .columns .right-column .fish-img { -ms-flex-pack: justify; justify-content: space-between; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-info .contact-details { + -ms-flex-pack: distribute; + justify-content: space-around; + padding-bottom: 20px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-info .contact-details { -ms-flex-pack: distribute; justify-content: space-around; @@ -1458,7 +2000,13 @@ section.about .columns .right-column .fish-img { position: relative; padding-top: 35px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form { -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1513,7 +2061,7 @@ section.about .columns .right-column .fish-img { font-size: 1.4rem; color: #000; } -@media (max-width: 480px) { +@media (max-width: 350px) { .contact-section .contact-form .name-input::-webkit-input-placeholder, .contact-section .contact-form .email-input::-webkit-input-placeholder, .contact-section .contact-form .message-input::-webkit-input-placeholder { font-size: 1.2rem; } @@ -1532,10 +2080,34 @@ section.about .columns .right-column .fish-img { font-size: 1.2rem; } } +@media (min-width: 481px) and (max-width: 768px) { + .contact-section .contact-form .name-input::-webkit-input-placeholder, .contact-section .contact-form .email-input::-webkit-input-placeholder, .contact-section .contact-form .message-input::-webkit-input-placeholder { + font-size: 1.4rem; + } + .contact-section .contact-form .name-input::-moz-placeholder, .contact-section .contact-form .email-input::-moz-placeholder, .contact-section .contact-form .message-input::-moz-placeholder { + font-size: 1.4rem; + } + .contact-section .contact-form .name-input:-ms-input-placeholder, .contact-section .contact-form .email-input:-ms-input-placeholder, .contact-section .contact-form .message-input:-ms-input-placeholder { + font-size: 1.4rem; + } + .contact-section .contact-form .name-input::-ms-input-placeholder, .contact-section .contact-form .email-input::-ms-input-placeholder, .contact-section .contact-form .message-input::-ms-input-placeholder { + font-size: 1.4rem; + } + .contact-section .contact-form .name-input::placeholder, + .contact-section .contact-form .email-input::placeholder, + .contact-section .contact-form .message-input::placeholder { + font-size: 1.4rem; + } +} .contact-section .contact-form .name-input { width: 190px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form .name-input { + width: 30%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form .name-input { width: 30%; } @@ -1543,7 +2115,12 @@ section.about .columns .right-column .fish-img { .contact-section .contact-form .email-input { width: 500px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form .email-input { + width: 60%; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form .email-input { width: 60%; } @@ -1553,7 +2130,12 @@ section.about .columns .right-column .fish-img { width: 100%; margin-top: 65px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form .message-input { + margin-top: 20px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form .message-input { margin-top: 20px; } @@ -1570,11 +2152,26 @@ section.about .columns .right-column .fish-img { font-size: 1.4rem; display: none; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form .error-info p { + font-size: 1.2rem; + } +} +@media (max-width: 350px) and (max-width: 350px) { + .contact-section .contact-form .error-info p { + font-size: 1.1rem; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form .error-info p { font-size: 1.2rem; } } +@media (min-width: 351px) and (max-width: 480px) and (max-width: 350px) { + .contact-section .contact-form .error-info p { + font-size: 1.1rem; + } +} .contact-section .contact-form .error-info h2 { display: none; font-family: "Lato"; @@ -1592,7 +2189,12 @@ section.about .columns .right-column .fish-img { font-family: "Lato"; font-size: 1.2rem; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .contact-section .contact-form .submit-button { + margin-top: 30px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .contact-section .contact-form .submit-button { margin-top: 30px; } @@ -1610,7 +2212,15 @@ section.about .columns .right-column .fish-img { -ms-flex-pack: end; justify-content: flex-end; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .footer { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 20px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .footer { -webkit-box-pack: start; -ms-flex-pack: start; @@ -1626,7 +2236,15 @@ section.about .columns .right-column .fish-img { -ms-flex-align: center; align-items: center; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .footer .content { + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +@media (min-width: 351px) and (max-width: 480px) { .footer .content { width: 100%; -webkit-box-pack: justify; @@ -1641,9 +2259,14 @@ section.about .columns .right-column .fish-img { .footer .content a.instagram-footer { margin: 0 20px; } -@media (max-width: 480px) { +@media (max-width: 350px) { + .footer .content a.instagram-footer { + margin-left: -90px; + } +} +@media (min-width: 351px) and (max-width: 480px) { .footer .content a.instagram-footer { - margin-left: -160px; + margin-left: -90px; } } .footer .content p { @@ -1651,8 +2274,13 @@ section.about .columns .right-column .fish-img { font-size: 1.4rem; margin-left: 60px; } -@media (max-width: 480px) { +@media (max-width: 350px) { .footer .content p { font-size: 1rem; } +} +@media (min-width: 481px) and (max-width: 768px) { + .footer .content p { + font-size: 1.4rem; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/css/style.css.map b/css/style.css.map index c04dcef..0974f66 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["../sass/_fonts.scss","../sass/_basic.scss","style.css","../sass/mixins/_mixins-media-queries.scss","../sass/_navbar.scss","../sass/_header.scss","../sass/section-products/_option-choice.scss","../sass/section-products/_products.scss","../sass/section-products/_product.scss","../sass/mixins/_mixins-products-slider.scss","../sass/_about.scss","../sass/_contact-form.scss","../sass/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["../sass/_fonts.scss","../sass/_basic.scss","style.css","../sass/mixins/_mixins-media-queries.scss","../sass/_navbar.scss","../sass/_header.scss","../sass/section-products/_option-choice.scss","../sass/section-products/_products.scss","../sass/section-products/_product.scss","../sass/mixins/_mixins-products-slider.scss","../sass/_about.scss","../sass/_contact-form.scss","../sass/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/js/slider.js b/js/slider.js index 9542899..8e64ffe 100644 --- a/js/slider.js +++ b/js/slider.js @@ -364,8 +364,8 @@ toysButton.addEventListener("click", function () { }); // Use matchMedia to check the device's viewport width -if (window.matchMedia("(min-width: 480px)").matches) { - // If viewport width is at least 480px, run the desktop version script +if (window.matchMedia("(min-width: 769px)").matches) { + // If viewport width is at least 769px, run the desktop version script desktopScript(); } else { // Otherwise, run the mobile version script diff --git a/sass/_about.scss b/sass/_about.scss index 405cfd0..57e1d5a 100644 --- a/sass/_about.scss +++ b/sass/_about.scss @@ -3,11 +3,14 @@ section.about { margin: 0 auto; padding: 110px 0 100px 0; position: relative; - @include mobile { + @include mobile-styles { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; - padding: 0 20px 30px 20px; + padding: 40px 15px 30px 15px; } + // @include tablet { + // padding: 60px 20px 30px 20px; + // } &::before { content: ""; position: absolute; @@ -16,7 +19,7 @@ section.about { width: 150vw; height: 1px; background-color: #d1d1d1; - @include mobile { + @include mobile-styles { display: none; } } @@ -28,7 +31,7 @@ section.about { width: 150vw; height: 1px; background-color: #d1d1d1; - @include mobile { + @include mobile-styles { display: none; } } @@ -37,7 +40,7 @@ section.about { margin: 0 auto; text-align: center; margin-bottom: 80px; - @include mobile { + @include mobile-styles { max-width: 100%; margin-bottom: 50px; } @@ -46,7 +49,7 @@ section.about { font-size: 4rem; font-weight: 800; margin-bottom: 25px; - @include mobile { + @include mobile-styles { font-size: 2.8rem; margin-bottom: 12px; } @@ -54,7 +57,7 @@ section.about { p { font-family: "Lato"; font-size: 1.4rem; - @include mobile { + @include mobile-styles { font-size: 1.2rem; padding: 0 25px; line-height: 1.5; @@ -63,13 +66,19 @@ section.about { display: none; } } + @include tablet { + br { + display: block; + } + } } } .columns { display: flex; justify-content: space-around; - @include mobile { + @include mobile-styles { position: relative; + justify-content: space-between; } .left-column, .right-column { @@ -80,7 +89,7 @@ section.about { font-family: "Lato"; font-size: 1.1rem; line-height: 2; - @include mobile { + @include mobile-styles { padding: 0; font-size: 1rem; width: 50%; @@ -88,7 +97,7 @@ section.about { } p.upper-txt { margin-bottom: 25px; - @include mobile { + @include mobile-styles { margin-bottom: 12px; } } @@ -98,34 +107,44 @@ section.about { bottom: 0; left: 50%; transform: translateX(-50%); - @include mobile { + @include mobile-styles { transform: translateX(0); - left: -55%; + left: -62%; top: 30px; + z-index: -1; + } + @include tablet { + left: 35%; } } .fish-img { margin-bottom: 60px; top: 15px; z-index: -1; - @include mobile { + @include mobile-styles { top: 40px; - left: -62%; + left: -70%; + } + @include tablet { + left: 60%; } } } .right-column { - @include mobile { + @include mobile-styles { p.upper-txt, p.lower-txt { - margin-left: -220px; + margin-left: -280px; margin-top: 100px; - width: 55%; + width: 50%; } p.lower-txt { margin-top: 10px; } } + @include tablet { + margin-left: -30px; + } } } } diff --git a/sass/_basic.scss b/sass/_basic.scss index 2d838f6..cbefa7f 100644 --- a/sass/_basic.scss +++ b/sass/_basic.scss @@ -32,7 +32,7 @@ button { .container { max-width: 1440px; margin: 0 auto; - @include mobile { + @include mobile-styles { overflow: hidden; } } diff --git a/sass/_contact-form.scss b/sass/_contact-form.scss index 3e2b1b0..8ee6a53 100644 --- a/sass/_contact-form.scss +++ b/sass/_contact-form.scss @@ -3,13 +3,13 @@ padding: 100px 0 0 0; justify-content: space-between; align-items: center; - @include mobile { + @include mobile-styles { padding: 30px 20px 20px 20px; flex-wrap: wrap; } .contact-info { flex-basis: 290px; - @include mobile { + @include mobile-styles { flex-basis: 100%; text-align: center; } @@ -17,30 +17,36 @@ font-family: "Literata"; font-weight: 800; font-size: 4rem; - @include mobile { + @include mobile-styles { font-size: 2.8rem; br { display: none; } } + @include tablet { + font-size: 3.2rem; + } } p.description { font-family: "Lato"; font-size: 1.4rem; padding: 40px 0; line-height: 1.5; - @include mobile { + @include mobile-styles { font-size: 1.2rem; padding: 14px 0 40px 0; br { display: none; } } + @include tablet { + font-size: 1.4rem; + } } .contact-details { display: flex; justify-content: space-between; - @include mobile { + @include mobile-styles { justify-content: space-around; padding-bottom: 20px; } @@ -72,7 +78,7 @@ align-self: stretch; position: relative; padding-top: 35px; - @include mobile { + @include mobile-styles { flex-basis: 100%; } .name-and-email { @@ -94,20 +100,23 @@ font-family: "Lato"; font-size: 1.4rem; color: #000; - @include mobile { + @include mobile-small { font-size: 1.2rem; } + @include tablet { + font-size: 1.4rem; + } } } .name-input { width: 190px; - @include mobile { + @include mobile-styles { width: 30%; } } .email-input { width: 500px; - @include mobile { + @include mobile-styles { width: 60%; } } @@ -115,11 +124,11 @@ display: block; width: 100%; margin-top: 65px; - @include mobile { + @include mobile-styles { margin-top: 20px; } } - + // ERROR INFO .error-info { position: absolute; bottom: 0; @@ -130,8 +139,11 @@ font-family: "Lato"; font-size: 1.4rem; display: none; - @include mobile { + @include mobile-styles { font-size: 1.2rem; + @include mobile-small { + font-size: 1.1rem; + } } } h2 { @@ -150,7 +162,7 @@ border: none; font-family: "Lato"; font-size: 1.2rem; - @include mobile { + @include mobile-styles { margin-top: 30px; } img { diff --git a/sass/_footer.scss b/sass/_footer.scss index c36824c..d8ca22c 100644 --- a/sass/_footer.scss +++ b/sass/_footer.scss @@ -2,14 +2,14 @@ padding: 60px 0; display: flex; justify-content: flex-end; - @include mobile { + @include mobile-styles { justify-content: flex-start; padding: 0 20px; } .content { display: flex; align-items: center; - @include mobile { + @include mobile-styles { width: 100%; justify-content: space-between; } @@ -19,17 +19,20 @@ } a.instagram-footer { margin: 0 20px; - @include mobile { - margin-left: -160px; + @include mobile-styles { + margin-left: -90px; } } p { font-family: "Lato"; font-size: 1.4rem; margin-left: 60px; - @include mobile { + @include mobile-small { font-size: 1rem; } + @include tablet { + font-size: 1.4rem; + } } } } diff --git a/sass/_header.scss b/sass/_header.scss index f9f6cf6..ad8cb61 100644 --- a/sass/_header.scss +++ b/sass/_header.scss @@ -2,7 +2,7 @@ display: flex; justify-content: space-between; padding: 150px 0 100px 0; - @include mobile { + @include mobile-styles { padding: 0; flex-wrap: wrap; border-bottom: 1px solid #d1d1d1; @@ -11,13 +11,14 @@ position: relative; padding-top: 70px; left: 40px; - @include mobile { + @include mobile-styles { padding: 0; order: 2; left: -55px; bottom: 0; z-index: -1; } + &::after { content: ""; position: absolute; @@ -26,36 +27,52 @@ width: 50vw; height: 1px; background-color: #d1d1d1; - @include mobile { + @include mobile-styles { display: none; } } img { width: 300px; height: 306px; - @include mobile { + @include mobile-styles { width: 167px; height: 171px; position: relative; bottom: -4px; + @include tablet { + width: 230px; + height: 234px; + } + } + @include tablet { + position: relative; + bottom: -4px; } } } .main-txt { text-align: center; - @include mobile { + @include mobile-styles { order: 1; flex-basis: 100%; position: relative; } + h1.txt1 { font-family: "Literata"; font-weight: 800; font-size: 4rem; text-align: center; - @include mobile { - font-size: 2.8rem; + @include mobile-small { + font-size: 2rem; padding-top: 22px; + padding: 22px 15px 0 15px; + br { + display: none; + } + } + @include mobile-large { + font-size: 1rem; br { display: none; } @@ -68,7 +85,7 @@ margin-top: 50px; font-weight: 500; margin: 38px auto 0 auto; - @include mobile { + @include mobile-styles { margin: 0; font-size: 1.2rem; position: absolute; @@ -76,8 +93,12 @@ left: 50%; transform: translateX(-50%); width: 48%; - // z-index: 10; line-height: 1.7; + @include mobile-small { + font-size: 1rem; + line-height: 1.5; + padding: 0 10px; + } } } } @@ -85,12 +106,13 @@ padding-top: 90px; position: relative; right: 60px; - @include mobile { + @include mobile-styles { padding: 0; order: 3; right: -60px; z-index: -1; } + &::after { content: ""; position: absolute; @@ -99,18 +121,23 @@ width: 50vw; height: 1px; background-color: #d1d1d1; - @include mobile { + @include mobile-styles { display: none; } } img { width: 288px; height: 286px; - @include mobile { + @include mobile-styles { width: 175px; height: 174px; position: relative; bottom: -1px; + @include tablet { + width: 230px; + height: 229px; + bottom: -7px; + } } } } diff --git a/sass/_navbar.scss b/sass/_navbar.scss index d8b3a53..26c7cf2 100644 --- a/sass/_navbar.scss +++ b/sass/_navbar.scss @@ -6,7 +6,7 @@ position: fixed; top: 0; left: 0; - @include mobile { + @include mobile-styles { display: none; } } @@ -16,7 +16,7 @@ display: flex; justify-content: space-between; z-index: 10; - @include mobile { + @include mobile-styles { justify-content: center; align-items: center; height: 110px; @@ -27,7 +27,7 @@ &.active-sidebar { transform: translateX(-100%); } - @include mobile { + @include mobile-styles { display: block; position: absolute; top: 0; @@ -43,15 +43,12 @@ border-radius: 15px 0 0 15px; .menu { position: absolute; - left: -65px; + left: -52px; top: 40px; - width: 45px; - height: 30px; + width: 37px; + height: 25px; transition: 0.5s; background-color: #fff; - // border: 1px solid #d1d1d1; - // border-right: none; - // border-radius: 4px 0 0 4px; &.active-menu { left: -45px; } @@ -59,14 +56,15 @@ position: absolute; left: 0; width: 100%; - border-top: 4px solid black; + border-top: 4px solid #333; backface-visibility: hidden; transition: 0.5s; + border-radius: 2px; } .menu-top { top: 0; &.menu-top-click { - top: 12px; + top: 11px; transform: rotate(50deg); transition: 0.5s 0.3s; backface-visibility: hidden; @@ -74,15 +72,15 @@ } .menu-middle { - top: 15px; + top: 10px; &.menu-middle-click { opacity: 0; } } .menu-bottom { - top: 30px; + top: 20px; &.menu-bottom-click { - top: 12px; + top: 11px; transform: rotate(-410deg); backface-visibility: hidden; transition: 0.5s 0.3s; @@ -118,7 +116,7 @@ background-color: #d1d1d1; height: 1px; z-index: -1; - @include mobile { + @include mobile-styles { display: none; } } @@ -126,7 +124,7 @@ display: flex; justify-content: space-between; flex-grow: 1; - @include mobile { + @include mobile-styles { display: none; } .applaws-logo { @@ -137,7 +135,7 @@ } .applaws-logo-side-bar { display: none; - @include mobile { + @include mobile-styles { display: block; } } @@ -150,7 +148,7 @@ background-color: #fff; z-index: 20; height: 83px; - @include mobile { + @include mobile-styles { position: static; width: 25%; // background-color: lightblue; @@ -161,7 +159,7 @@ transform-origin: top center; transform: scale(1.2); transition: ease-out 0.35s; - @include mobile { + @include mobile-styles { transform-origin: 50% 50% 0; transform: scale(1); height: 55px; @@ -172,7 +170,7 @@ flex-basis: 44.5%; display: flex; justify-content: space-between; - @include mobile { + @include mobile-styles { display: none; } .katide-logo { @@ -198,7 +196,7 @@ } .katide-logo-side-bar { display: none; - @include mobile { + @include mobile-styles { display: block; } } diff --git a/sass/mixins/_mixins-media-queries.scss b/sass/mixins/_mixins-media-queries.scss index cc6bb3f..7b330f2 100644 --- a/sass/mixins/_mixins-media-queries.scss +++ b/sass/mixins/_mixins-media-queries.scss @@ -1,21 +1,37 @@ -$breakpoint-mobile: 480px; +$breakpoint-mobile-small: 350px; +$breakpoint-mobile-large: 480px; $breakpoint-tablet: 768px; -$breakpoint-desktop: 1024px; +$breakpoint-laptop: 1280px; -@mixin mobile { - @media (max-width: $breakpoint-mobile) { +@mixin mobile-small { + @media (max-width: $breakpoint-mobile-small) { + @content; + } +} + +@mixin mobile-large { + @media (min-width: #{$breakpoint-mobile-small + 1px}) and (max-width: $breakpoint-mobile-large) { @content; } } @mixin tablet { - @media (min-width: $breakpoint-tablet) { + @media (min-width: #{$breakpoint-mobile-large + 1px}) and (max-width: $breakpoint-tablet) { + @content; + } +} + +@mixin laptop { + @media (min-width: #{$breakpoint-tablet + 1px}) and (max-width: $breakpoint-laptop) { @content; } } -@mixin desktop { - @media (min-width: $breakpoint-desktop) { +@mixin mobile-styles { + @include mobile-small { + @content; + } + @include mobile-large { @content; } } diff --git a/sass/mixins/_mixins-products-slider.scss b/sass/mixins/_mixins-products-slider.scss index 73a2376..2c1e152 100644 --- a/sass/mixins/_mixins-products-slider.scss +++ b/sass/mixins/_mixins-products-slider.scss @@ -4,9 +4,9 @@ height: 210px; border-left: 1px solid transparent; margin-right: 40px; - @include mobile { - margin-right: 0; - } + // @include mobileAndTablet { + // margin-right: 0; + // } } @mixin product-code { border: 1px solid transparent; diff --git a/sass/section-products/_option-choice.scss b/sass/section-products/_option-choice.scss index 27d034f..3be1b6b 100644 --- a/sass/section-products/_option-choice.scss +++ b/sass/section-products/_option-choice.scss @@ -2,7 +2,7 @@ .products-section { position: relative; padding: 100px 0 180px 0; - @include mobile { + @include mobile-styles { padding: 0; display: flex; flex-wrap: wrap; @@ -19,14 +19,14 @@ justify-content: space-between; width: 540px; - @include mobile { - top: 0; - left: 0; + @include mobile-styles { width: 382px; transform: translate(0); position: static; margin: 0 auto; - // background-color: lightblue; + @include mobile-small { + width: 300px; + } } // Individual Options @@ -40,14 +40,18 @@ flex-direction: column; transition: 0.25s; cursor: pointer; - @include mobile { + @include mobile-styles { width: 113px; height: 99px; + @include mobile-small { + width: 90px; + height: 80px; + } } &.dog-option img { margin-right: 14px; - @include mobile { + @include mobile-styles { margin-right: 8px; } } @@ -65,8 +69,11 @@ font-family: "Literata"; font-weight: 800; margin-top: 10px; - @include mobile { + @include mobile-small { font-size: 1.2rem; + // @include tablet { + // font-size: 1.4rem; + // } } } } diff --git a/sass/section-products/_product.scss b/sass/section-products/_product.scss index 523c741..3c8ab8b 100644 --- a/sass/section-products/_product.scss +++ b/sass/section-products/_product.scss @@ -9,7 +9,7 @@ $colors: ( .products-gallery { flex-basis: 69%; - @include mobile { + @include mobile-styles { flex-basis: 100%; } .cat-wet { @@ -18,7 +18,7 @@ $colors: ( flex-wrap: wrap; align-content: space-between; padding-right: 100px; - @include mobile { + @include mobile-styles { height: 330px; justify-content: center; align-content: center; diff --git a/sass/section-products/_products.scss b/sass/section-products/_products.scss index c65e2ad..ca99c6c 100644 --- a/sass/section-products/_products.scss +++ b/sass/section-products/_products.scss @@ -2,7 +2,7 @@ .food-products { display: flex; justify-content: space-between; - @include mobile { + @include mobile-styles { width: 100%; flex-wrap: wrap; } @@ -10,10 +10,13 @@ // Food Choice .food-choice { flex-basis: 20%; - @include mobile { + @include mobile-styles { flex-basis: 382px; display: flex; margin: 40px auto 0 auto; + @include mobile-small { + flex-basis: 300px; + } } // Food Option @@ -21,7 +24,7 @@ width: 60%; display: flex; justify-content: space-between; - @include mobile { + @include mobile-styles { order: 2; flex-basis: 50%; } @@ -37,8 +40,6 @@ padding: 14px 0; background-color: transparent; transition: 0.25s; - @include mobile { - } &:not(.active-food-option):hover { border-color: #000; @@ -59,7 +60,7 @@ justify-content: space-between; align-items: center; margin-top: 20px; - @include mobile { + @include mobile-styles { display: none; } @@ -80,13 +81,13 @@ } } .section-applaws-logo { - @include mobile { + @include mobile-styles { flex-basis: 50%; } img { margin-top: 40px; width: 43%; - @include mobile { + @include mobile-styles { width: 50%; margin-top: 0; }