layer5/src/sections/Home/Partners-home/partnerSection.style.js at 9185dbd3d468fa3cf87fac237baca375055edc1a · layer5io/layer5 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
import styled from "styled-components";
const PartnerItemWrapper = styled.section`
    padding: 2rem 0;
    margin: 0rem 0rem 5rem 0rem;
    min-height: 200px; /* Prevent layout shift (CLS) by reserving space for partner logos */
    overflow: hidden;
    .section-title{
        h4{
            color: ${props => props.theme.grey737373ToGrey4C4A4A};
            text-align: center;
            margin-top: .5rem;
            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
    }
    .partner-image{
        margin-left:1.5rem;
        margin-right:1.5rem;
    }
    .partner-slider{
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        @media(max-width: 1400px){
            flex-wrap: wrap;
        }
    }
		.slick-dots li button:before{
			color: ${props => props.theme.blue477E96ToGreen00B39F};
            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
		}
		.slick-dots li.slick-active button:before {
			color: ${props => props.theme.green009A89ToGreen00B39F};
            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
		}
		.slick-dots li button:hover{
				box-shadow: none;
		}

    a.partner-card {
        @media(max-width: 1400px){
            flex: 0 0 12%;
            margin-left:0.5rem;
            margin-right:0.5rem;
        }

        &:hover
        {
            img{
                opacity: 1;
            }
        }

        #VMware:hover
        {

           filter:brightness(10%);


         }

        flex-shrink: 3;


    }
    img {
        width: 2rem;
        margin-left:0.5rem;
        margin-right:0.5rem;
        max-width: 100%;
        min-width: 7rem;
        height:auto;
        opacity: 0.7;
        max-height:100px;
        @media(max-width: 800px){
                min-width:5.5rem;
            }
    }
    @supports (-webkit-hyphens:none) {
        img {
            min-width: 8rem;
          }
        @media only screen and (max-width: 992px) {
            img {
                min-width: 5.625rem;
            }
        }
    }
    .partner__block__inner {
        padding: 5px;
        margin: 0px;
        filter:  ${props => props.theme.invertColor};
        display: flex;
        transition: all 0.2s ease-in-out;
        height: 110px;
    }
    @media only screen and (max-width: 575px) {
        margin: 2rem auto;
    }
     /* @media only screen and (max-width: 768px) {
        .horizontal {
            padding: 2rem 4rem;
        }
     }
     @media only screen and (max-width: 575px) {
        .horizontal {
            padding: 3rem 6rem;
        }
     }
     @media only screen and (max-width: 380px) {
        .horizontal {
            padding: 2.5rem;
        }
     } */
`;

export default PartnerItemWrapper;