From e29101adcc3c3d9c2a4148ae6e1bfc2778dfb138 Mon Sep 17 00:00:00 2001 From: Meylis Gazakow Date: Thu, 23 Dec 2021 12:53:13 +0300 Subject: [PATCH] category item update in css ONLY SAPAR !!) --- shablon/css/main.css | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/shablon/css/main.css b/shablon/css/main.css index 3c789d12a..7c52384ad 100644 --- a/shablon/css/main.css +++ b/shablon/css/main.css @@ -2099,19 +2099,25 @@ li { .cat_tabs { display: flex; - justify-content: space-between; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; margin-bottom: 100px; + margin: 0 -20px 20px -20px; } .tab_link { - width: calc(25% - 60px); - margin-right: 40px; + width: calc(25% - 40px); text-align: center; border-radius: 10px; background: var(--rgba-blue); color: var(--blue); padding: 35px 10px; + margin-right: 40px; + margin: 0 20px 20px 20px; cursor: pointer; font-size: var(--text-20); @@ -2133,10 +2139,6 @@ li { background: rgba(0, 49, 151, .2); } -.tab_link:last-child { - margin-right: 0; -} - .tab_link.active { background: var(--blue); color: #fff; @@ -4686,8 +4688,7 @@ li { } .tab_link { - width: calc(50% - 60px); - margin-bottom: 30px; + width: calc(50% - 40px); } /* @@ -6103,10 +6104,13 @@ li { margin: 10px auto; } + .cat_tabs { + margin: 0 0 70px 0; + } + .tab_link { - width: calc(100% - 0px); - margin-bottom: 20px; - margin-right: 0; + width: 100%; + margin: 0 0 20px 0; } /* .contact_title {