123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- .App {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- }
- .header {
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- &__logo {
- font-size: 40px;
- font-weight: 600;
- }
- }
- .nav {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .main {
- display: flex;
- flex-wrap: nowrap;
- }
- .rootCats {
- flex-shrink: 0;
- background-color: aquamarine;
- &__list {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- }
- .goods {
- &__list {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
- text-align: center;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- &__item {
- width: 300px;
- margin-bottom: 30px;
- & img {
- width: 100%;
- }
- }
- }
- .good {
- display: flex;
- flex-wrap: wrap;
- align-self: flex-start;
- & img {
- width: 500px;
- }
- }
- .login {
- text-align: center;
- margin: 0 auto;
- }
- .registration {
- text-align: center;
- margin: 0 auto;
- }
- .cart {
- &__img {
- width: 200px;
- }
- }
- .dashboard {
- &__date {
- vertical-align: top;
- }
- &__list {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- &__good-list {
- display: flex;
- flex-wrap: nowrap;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- &__img {
- width: 100px;
- }
- }
|