Task:6813 | Правки стилей и верстки архива блога

pull/36/head
parent fe80024cc3
commit 63184c1a8e
  1. 44
      wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-mobile.css
  2. 8
      wp-content/themes/cosmopet/modules/footer/assets/css/gp-style-desktop.css
  3. 14
      wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css
  4. 2
      wp-content/themes/cosmopet/templates/blog/blog-archive.twig

@ -1,3 +1,47 @@
@media(max-width:768px) {
body {
background: radial-gradient(261.43% 263.03% at 124% -28.000000000000004%, rgb(15, 88, 129), rgb(30, 164, 156) 36.979%, rgb(118, 206, 117) 66.667%, rgb(236, 243, 159) 91.146%);
font-family: var(--font-craftwork);
font-weight: 500;
}
main {
padding-top: 55px!important;
}
main .home-blog {
background: none!important;
}
main .home-blog .container {
padding: 0px 30px 36px !important;
}
.home-title {
font-size: 32px!important;
padding-top: 15px!important;
}
.home-description {
font-weight: bold;
font-size: 20px!important;
line-height: 24px!important;
margin-bottom: 36px!important;
}
.anons-best__card-wrap {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr))!important;
gap: 24px;
}
.anons-article__card-wrap {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr))!important;
gap: 10px 25px!important;
}
.author h2 {
font-size: 26px!important;
line-height: 30px!important;
}
.anons-theme ul a {
font-size: 16px!important;
}
}
@media(max-width:600px) { @media(max-width:600px) {
.article-content h2 { .article-content h2 {
max-width: 661px; max-width: 661px;

@ -99,13 +99,13 @@
.footer-contact { .footer-contact {
width: 364px; width: 364px;
flex-shrink: 0; padding: 24px 24px 43px;
background: var(--accent-1);
border-radius: 24px;
padding: 24px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-shrink: 0;
gap: 16px; gap: 16px;
border-radius: 24px;
background: radial-gradient(346.57% 244.17% at 149.73% -58.39%, rgb(117, 196, 240) 0%, rgb(126, 231, 225) 51.21689438819885%, rgb(181, 228, 180) 80.70731163024902% 80.7073%, rgb(237, 244, 164) 91.14583134651184%) !important;
} }
.footer-contact__title { .footer-contact__title {

@ -2197,17 +2197,6 @@ textarea{
background: radial-gradient(250% 285% at 120% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%)!important; background: radial-gradient(250% 285% at 120% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%)!important;
} }
.footer-contact {
width: 100%;
padding: 24px 24px 43px;
display: flex;
flex-direction: column;
border-radius: 24px;
background: radial-gradient(346.57% 244.17% at 149.73% -58.39%, rgb(117, 196, 240) 0%, rgb(126, 231, 225) 51.21689438819885%, rgb(181, 228, 180) 80.70731163024902%
80.7073%
, rgb(237, 244, 164) 91.14583134651184%)!important;
}
.footer-contact__submit { .footer-contact__submit {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -2219,6 +2208,9 @@ textarea{
line-height: 24px; line-height: 24px;
color: var(--main_white); color: var(--main_white);
} }
.footer-content span {
display: none !important;
}
@media only screen and (max-width: 1600px) { @media only screen and (max-width: 1600px) {
.wrapper { .wrapper {

@ -4,7 +4,7 @@
{% block content %} {% block content %}
<!-- Home --> <!-- Home -->
<section class="home"> <section class="home home-blog">
<div class="container"> <div class="container">
<h1 class="home-title">{{blog_title}}</h1> <h1 class="home-title">{{blog_title}}</h1>
<p class="home-description">{{blog_desc}}</p> <p class="home-description">{{blog_desc}}</p>

Loading…
Cancel
Save