add files

template-parts/critical-styles/styles-home.php

@@ -0,0 +1,133 @@
+<!--[critical-styles/styles-home]-->
+
+<style>
+    .nav {
+        display: flex;
+        flex-wrap: wrap;
+        padding-left: 0;
+        margin-bottom: 0;
+        list-style: none;
+    }
+    .nav-link {
+        display: block;
+        padding: 0.5rem 1rem;
+    }
+    .nav-tabs.news__tabs > li:first-child a + a {
+        display:none;
+    }
+    .nav-tabs.news__tabs > li:first-child a.active {
+        display:none;
+    }
+    .nav-tabs.news__tabs > li:first-child a.active + a {
+        display:block;
+    }
+    .news {
+        display: flex;
+        flex-direction: column;
+        flex: 0 0 1;
+    }
+    .news__tabs .nav-item:first-child .nav-link {
+        border-radius: 6px 0 0 0;
+    }
+    .news__tabs .nav-item {
+        width: 50%;
+        text-align: center;
+    }
+    .news__tabs {
+        justify-content: space-between;
+        border: 0 none;
+        padding-bottom: 1px;
+    }
+    .news__tabs-content .tab-pane {
+        padding: 0;
+        height: 100%;
+    }
+
+
+    .tab-pane {
+        display: none;
+    }
+    .tab-content .active {
+        display: block;
+    }
+    .news__tabs .nav-link.active, .news__tabs .nav-link.active + a {
+        background-color: #FFF;
+        border-color: #D4D4D4;
+        color: #000;
+        font-weight: 700;
+    }
+    .news__tabs .nav-link {
+        background-color: #ECECEC;
+        padding-left: 0;
+        padding-right: 0;
+        font-size: 1.125rem;
+        font-weight: 500;
+        color: #BFBFBF;
+    }
+    .news__body {
+        border-style: solid;
+        border-color: #ECECEC;
+        border-width: 0 1px 1px 1px;
+        border-radius: 0 0 6px 6px;
+        flex: 1;
+        position: relative;
+        max-height: 514px;
+    }
+    .news__body__inner {
+        overflow-x: hidden;
+        overflow-y: scroll;
+    }
+    .news__body__inner::-webkit-scrollbar {
+        display: none;
+    }
+    .news__body:after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: -1px;
+        height: 2.5rem;
+        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
+        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
+        background-repeat: repeat-x;
+    }
+    .news__body__inner {
+        background-color: #fff;
+        padding: 0.875rem 0.625rem;
+        max-height: 514px;
+    }
+    .news__date  {
+        font-size: 0.625rem;
+        line-height: 1.1;
+        color:#505258;
+        margin: 0 0 0.4375rem;
+    }
+    .news__list {
+        margin: 0 0 1.125rem;
+        padding: 0;
+        list-style-type: none;
+    }
+    .news__list li {
+        margin: 0;
+        padding: 0;
+        display: flex;
+        align-items: baseline;
+    }
+    .news__time {
+        font-size: 0.75rem;
+        font-weight: 700;
+        line-height: 1.2;
+        color: #B61D1D;
+        min-width: 2.5rem;
+    }
+    .news__name.active {
+        color: #B61D1D;
+    }
+    .article--main .article__title {
+        font-size: 1.4rem;
+    }
+
+
+</style>
+
+<!--[/critical-styles/styles-home]-->