Файловый менеджер - Редактировать - /home/digitalm/tendeverona/wp-content/themes/trydo/assets/scss/elements/_brand.scss
Назад
/* Brand Area */ ul { &.brand-style { @extend %liststyle; display: flex; justify-content: space-between; flex-wrap: wrap; border-left: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); @media #{$sm-layout} { border-left: 0 none; border-bottom: 0 none; justify-content: center; } li { flex-basis: 33.33%; text-align: center; height: 214px; line-height: 214px; border-top: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); transition: 0.4s; margin: 0; @media #{$sm-layout} { border-top: 0 none; border-right: 0 none; height: auto; line-height: 10; padding: 0 10px; } img { opacity: 0.7; max-height: 110px; max-width: 150px; transition: 0.4s; @media #{$sm-layout} { max-width: 80px; } @media #{$sm-layout} { max-width: 100px; height: auto; } } &:hover { background-color: var(--color-primary); transform: scale(1.1); border-radius: 6px; @media #{$sm-layout} { transform: scale(1); } img { opacity: 1; filter: brightness(0) invert(1); } } } &.branstyle--2 { li { flex-basis: 33.33%; } } } } ul{ &.brand-style-2 { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: -25px; @media #{$lg-layout} { margin: 0 -10px; } @media #{$md-layout} { margin: -20px; } @media #{$sm-layout} { margin: 0 -10px; } li { padding: 25px; flex-basis: 20%; text-align: center; @media #{$lg-layout} { padding: 14px 10px; } @media #{$md-layout} { padding: 20px; } @media #{$sm-layout} { flex-basis: 25%; padding: 10px 10px; } @media #{$large-mobile} { flex-basis: 33.33%; padding: 0 15px; margin-bottom: 16px; } @media #{$small-mobile} { max-height: initial; max-width: 69%; } a { display: block; } } img { opacity: 0.7; transition: 0.3s; max-height: 110px; max-width: 150px; cursor: pointer; @media #{$laptop-device} { max-height: 100px; max-width: 130px; } @media #{$lg-layout} { max-height: initial; max-width: 98px; } @media #{$md-layout} { max-width: 100px; cursor: pointer; } @media #{$sm-layout} { max-height: inherit; max-width: 100px; } @media #{$lg-layout} { max-width: 129px; } @media #{$large-mobile} { max-height: initial; max-width: 100%; } &:hover{ transform: scale(1.1); opacity: 1; } } } } .react-parallax-content{ .brand-style-2 { li{ } a { img { filter: brightness(0) invert(1); } &:hover { img { filter: brightness(1) invert(0); } } } } } .brand-separation { position: relative; padding-bottom: 217px; margin-bottom: -117px; padding-top: 60px; background: #fff; @media #{$sm-layout} { margin-bottom: 0; padding-bottom: 60px; } @media #{$md-layout} { margin-bottom: 0; padding-bottom: 60px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.03 |
proxy
|
phpinfo
|
Настройка