site: fix svg stroke, mobile to docks page and font-size (#222)

werf · Apr 29, 2022 · c24e187 · c24e187
1 parent c8a5deb
commit c24e187
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 34 deletions.
diff --git a/docs/_includes/index_en/whats-problems.html b/docs/_includes/index_en/whats-problems.html
@@ -5,7 +5,7 @@
       <div class="whats-problems__grid benefits__grid">
         <ul class="whats-problems__grid--list benefits__grid--list">
           <li class="benefits__grid--item card card--delivery">
-            <svg class="card__pic">
+            <svg class="card__pic card__pic--stroke">
               <use xlink:href="images/icons/sprite.svg#warning"></use>
             </svg>
             <div class="card__title block__subtitle">Continuous delivery limitations</div>
@@ -14,7 +14,7 @@
           <!-- item -->
 
           <li class="benefits__grid--item card card--protection">
-            <svg class="card__pic">
+            <svg class="card__pic card__pic--stroke">
               <use xlink:href="images/icons/sprite.svg#warning"></use>
             </svg>
             <div class="card__title block__subtitle">Challenges related to implementing a secure delivery</div>
@@ -28,7 +28,7 @@
           <!-- item -->
 
           <li class="benefits__grid--item card card--pack">
-            <svg class="card__pic">
+            <svg class="card__pic card__pic--stroke">
               <use xlink:href="images/icons/sprite.svg#warning"></use>
             </svg>
             <div class="card__title block__subtitle">Package manager limitations</div>

diff --git a/docs/_includes/index_ru/intro.html b/docs/_includes/index_ru/intro.html
@@ -35,29 +35,6 @@
       <div class="intro__scheme">
         <img src="../../images/intro-scheme_ru.svg" alt="">
       </div>
-<!--      <div class="intro__lines">-->
-<!--        <svg width="594" height="742" viewBox="0 0 594 742" fill="none" xmlns="http://www.w3.org/2000/svg">-->
-<!--          <path d="M209.104 596.619L241.145 625.51" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M99.0938 497.378L157.988 550.531" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M198.891 503.809L420.798 703.85" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M85.8018 401.791L130.756 442.374" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M358.391 563.977L553.607 740" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M63.8115 298.36L271.941 486.075" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M226.987 361.938L571.601 672.621" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M84.5063 233.466L157.449 299.237" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M511.516 534.843L594.346 609.53" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M2 75.42L424.419 456.308" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M340.776 297.336L753.469 669.406" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M158.529 132.958L254.381 219.434" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M420.905 285.936L687.442 526.268" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M148.751 40.537L345.75 218.168" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M269.131 65.4813L539.613 309.37" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M505.897 195.318L693.981 364.959" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M291.446 2L432.144 128.816" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M403.993 19.88L589.483 187.085" stroke="#A41FE2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          <path d="M556.093 73.4225L587.107 101.339" stroke="#333037" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>-->
-<!--          </svg>-->
-<!--      </div>-->
     </div>
   </div>
 </section>
diff --git a/docs/_layouts/main-page.html b/docs/_layouts/main-page.html
@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="overflow__container">
+<div class="overflow__container overflow">
   {% include topnav.html %}
 
   {{ content }}

diff --git a/docs/css/components/_header.scss b/docs/css/components/_header.scss
@@ -93,10 +93,15 @@
 
       & a {
         @include montserrat(regular);
-        font-size: rem(14px);
+        //font-size: rem(14px);
+        font-size: 14px;
         line-height: rem(20px);
         color: $text-color-title;
 
+        @include laptop {
+          font-size: 13px;
+        }
+
         @include tablets {
           font-size: 16px;
           font-weight: 600;

diff --git a/docs/css/components/index/_benefits.scss b/docs/css/components/index/_benefits.scss
@@ -85,7 +85,10 @@
         height: rem(59px);
         fill: none;
         padding-bottom: rem(20px);
-        stroke: $color-accent;
+
+        &--stroke {
+          stroke: $color-accent;
+        }
       }
 
       &__title {

diff --git a/docs/css/docs.css b/docs/css/docs.css
@@ -95,14 +95,14 @@
 
 .layout-sidebar__content {
     width: 860px;
-    padding-left: 20px;
 }
 
 /* .layout-sidebar__content .post-content > p {
   padding: 15px 0;
 } */
 
 .sidebar {
+    font-size: 14px;
     list-style-type: none;
     margin: 0;
     padding: 0;

diff --git a/docs/css/misc/common.scss b/docs/css/misc/common.scss
@@ -16,11 +16,22 @@ html {
 }
 
 .overflow__container {
-  overflow: hidden;
-  min-width: 1200px;
-
   @include old-display {
-    min-width: auto; // сделать только для страницы security
+    overflow: visible;
+
+    & .section__wrapper {
+      min-width: 1100px;
+      padding-right: 50px;
+    }
+  }
+
+  &.overflow {
+    overflow: hidden;
+    min-width: 1200px;
+
+    @include old-display {
+      min-width: auto; // сделать только для страницы security
+    }
   }
 }