diff --git a/css/style.css b/css/style.css index 7587253..e4c4b6b 100644 --- a/css/style.css +++ b/css/style.css @@ -46,10 +46,7 @@ a { text-transform: uppercase; } - - /*logo line*/ - .header-line { height: 97px; text-transform: uppercase; @@ -142,7 +139,7 @@ a:focus:after { .icon { - font-size: 16px; + font-size: 18px; } @@ -194,20 +191,20 @@ a:focus:after { /*Container text*/ -.container-text +.container-description { margin-left: 29px; font-size: 14px; } -.container-text__product_name h2 +.container-description__product_name h2 { line-height: 36px; font-size: 24px; margin-bottom: 0; } -.container-text__review +.container-description__review { line-height: 25px; font-size: 14px; @@ -219,45 +216,45 @@ a:focus:after { color: #ded3aa; } -.container-text__review a +.container-description__review a { font-size: 12px; color: #000; } -.container-text__price { +.container-description__price { margin-top: 15px; font-size: 24px; color: #68899a; } -.container-text__inform { +.container-description__inform { font-size: 14px; line-height: 24px; margin-top: 18px; } -.container-text__inform p +.container-description__inform p { margin: 0 0; } -.container-text__inform a { +.container-description__inform a { color: #68899a; } -.container-text__about { +.container-description__about { margin-top: 30px; font-size: 14px; color: #555555; } -.container-text__about ul { +.container-description__about ul { padding-left: 0; list-style-position: inside; } -.container-text-selectors { +.container-description-selectors { display: flex; flex-direction: row; justify-content: space-between; @@ -268,11 +265,11 @@ a:focus:after { } -.container-text-selectors__selector { +.container-description-select__select { width: 196px; } -.container-text-selectors__selector select { +.container-description-select__select select { font-size: 13px; color: #707070; width: 168px; @@ -315,13 +312,13 @@ input { text-align: center; } -.container-text-selectors__counter { +.container-description-selectors__counter { display: flex; align-items: center; } -.container-text-selectors__counter input { +.container-description-selectors__counter input { padding: 5px; font-size: 13px; color: #707070; @@ -333,7 +330,7 @@ input { } -.container-text-selectors__buttons { +.container-description-selectors__buttons { display: flex; flex-direction: column; border-radius: 0; @@ -341,19 +338,19 @@ input { border-left: none; } -.container-text-selectors__buttons button { +.container-description-selectors__buttons button { border-radius: 0; border: 0px; background-color: #fff; height: 16.5px; } -.container-text-selectors__buttons button:first-child { +.container-description-selectors__buttons button:first-child { border-bottom: 0.5px solid #e1e1e1; } -.container-text-selectors__buttons button:last-child { +.container-description-selectors__buttons button:last-child { border-top: 0.5px solid #e1e1e1; } @@ -376,6 +373,39 @@ input { border-top: 2px solid #cccccc; } +.container-select__clear +{ + text-transform: uppercase; + font-size: 12px; + line-height: 90px; +} + +.button_big +{ + height: 55px; + width: 216px; + margin: 0; + padding: 0; + border: 1px solid; + border-radius: 0; + text-transform: uppercase; + font-family: 'Lato'; + font-weight: bold; + font-size: 12px; +} + +.button__add-to-cart +{ + background-color: #111111; + color:#ffffff; +} + +.button__add-to-wl +{ + border-color: #e1e1e1; + margin-left: 20px; +} + @@ -391,7 +421,6 @@ footer { @media screen and (max-width: 1420px) { - .container { padding-left: 5px; padding-right: 5px; @@ -456,7 +485,7 @@ footer { margin-right: 0; } - .container-text { + .container-description { padding-top: 25px; display: flex; flex-direction: column; @@ -464,7 +493,7 @@ footer { margin-left: 7px; } - .container-text-selectors { + .container-description-selectors { display: flex; flex-direction: column; diff --git a/index.html b/index.html index 5efe20c..2fd5712 100644 --- a/index.html +++ b/index.html @@ -51,16 +51,16 @@ -
+
Back to Woman -

The Atelier Tailored Coat

-
3 Review(s) | ADD A REVIEV
-
$499.00
-
+

The Atelier Tailored Coat

+
3 Review(s) | ADD A REVIEV
+
$499.00
+

Availability : In stock

Product Code : #4657

Tags : Fashion, Hood, Classic

-
Sleek, polished, and boasting an impeccably modern fit, this blue, 2-but- +
Sleek, polished, and boasting an impeccably modern fit, this blue, 2-but- ton Lazio suit features a notch lapel, flap pockets, and accompanying flat front trousers—all in pure wool by Vitale Barberis Canonico.
    @@ -71,9 +71,9 @@
-
+
-
color +
color

-
size +
size

-
qty -
+
qty +

-

+
@@ -105,10 +105,17 @@
-
-
- button.button -
+
+ clear selection +
+
+ + +