reponsive.a5b1628c.css.map 3.3 KB

1
  1. {"version":3,"sources":["styles/reponsive.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"reponsive.a5b1628c.css","sourceRoot":"..","sourcesContent":["@media screen and (max-width: 935px) {\r\n .container {\r\n padding-left: 3%;\r\n padding-right: 3%;\r\n }\r\n\r\n .decoration {\r\n display: none;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 840px) {\r\n header {\r\n height: 420px;\r\n }\r\n\r\n header .logo {\r\n transform: scale(0.7);\r\n margin: 0;\r\n }\r\n\r\n header .container {\r\n padding: 0 3%;\r\n max-width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n header .profile {\r\n font-size: 14px;\r\n margin-top: 0;\r\n }\r\n\r\n header .profile .profile__info {\r\n display: block;\r\n text-align: center;\r\n }\r\n\r\n header .profile .profile__info .profile__username {\r\n margin-right: 0;\r\n margin-bottom: 17px;\r\n }\r\n \r\n header .profile__stats, header .profile__date-select {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 90%;\r\n margin: 0 auto;\r\n margin-top: 20px;\r\n }\r\n\r\n header .profile__date-select {\r\n display: block;\r\n }\r\n header .profile__date-select .profile__date-select__input {\r\n margin: 7px 0;\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n header .profile__date-select .profile__date-select__input input {\r\n margin-left: 0;\r\n width: 100%;\r\n }\r\n header .profile .profile__stats > p {\r\n margin-right: 0;\r\n }\r\n\r\n main {\r\n margin-top: 420px;\r\n font-size: 12px;\r\n }\r\n\r\n}\r\n\r\n@media screen and (max-width: 630px) {\r\n .material-icons {\r\n font-size: 17px!important;\r\n }\r\n .content.display_grid .container {\r\n width: auto;\r\n justify-content: center;\r\n }\r\n\r\n .content.display_list .content__item {\r\n height: auto;\r\n }\r\n .content.display_list .content__item-img {\r\n display: inline-block;\r\n min-width: 120px;\r\n min-height: 120px;\r\n margin-right: 20px;\r\n }\r\n\r\n .content.display_list .content__item-info {\r\n display: inline-block;\r\n }\r\n .content.display_list .content__item-info__data {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .content.display_list .content__item-info .content__item-info__data p {\r\n font-size: 12px;\r\n }\r\n .content.display_list .content__item-info .content__item-info__data p:first-child {\r\n margin: 3px 0 5px 0;\r\n font-size: 12px;\r\n }\r\n \r\n\r\n}"]}