add task solution1

mate-academy · Dec 18, 2024 · 52639c6 · 52639c6
1 parent 5bfb1fc
commit 52639c6
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 147 deletions.
diff --git a/backstop_data/engine_scripts/cookies.json b/backstop_data/engine_scripts/cookies.json
diff --git a/backstop_data/engine_scripts/puppet/clickAndHoverHelper.js b/backstop_data/engine_scripts/puppet/clickAndHoverHelper.js
diff --git a/backstop_data/engine_scripts/puppet/loadCookies.js b/backstop_data/engine_scripts/puppet/loadCookies.js
diff --git a/backstop_data/engine_scripts/puppet/onBefore.js b/backstop_data/engine_scripts/puppet/onBefore.js
diff --git a/backstop_data/engine_scripts/puppet/onReady.js b/backstop_data/engine_scripts/puppet/onReady.js
diff --git a/src/index.html b/src/index.html
@@ -13,7 +13,7 @@
     />
   </head>
   <body>
-    <div class="calendar calendar--start-sun calendar--days-31">
+    <div class="calendar calendar--start-day-sun calendar--month-length-31">
       <div class="calendar__day"></div>
       <div class="calendar__day"></div>
       <div class="calendar__day"></div>

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -24,12 +24,7 @@ body {
   justify-content: flex-start;
   gap: $gap;
   margin: auto;
-  max-width: calc(
-    (#{$day-size} + #{$day-border} * 2) * #{$columns} + $gap * (
-        #{$columns} - 1
-      ) + $padding
-  );
-  box-sizing: border-box;
+  max-width: 706px;
   padding: $padding;
 
   &__day {
@@ -54,7 +49,7 @@ body {
       content: counter(day);
       counter-increment: day;
       position: absolute;
-      top: 50%;
+      top: 49%;
       left: 50%;
       transform: translate(-50%, -50%);
     }
@@ -65,23 +60,23 @@ body {
     }
   }
 
-  &--start-sun {
+  &--start-day-sun {
     .calendar__day:first-child {
       margin-left: 0;
     }
   }
 
   @each $day, $margin in (mon: 1, tu: 2, wed: 3, thu: 4, fri: 5, sat: 6, sun: 7)
   {
-    &--start-#{$day} {
+    &--start-day-#{$day} {
       .calendar__day:first-child {
         margin-left: ($day-size + $gap) * ($margin - 1);
       }
     }
   }
 
   @for $i from 28 through 31 {
-    &--days-#{$i} {
+    &--month-length-#{$i} {
       .calendar__day:nth-child(n + #{$i + 1}) {
         display: none;
       }