1+ .casestudies {
2+ padding : 30px
3+ }
4+
5+ .casestudies a : hover {
6+ text-decoration : none;
7+ color : # 000
8+ }
9+
10+ .casestudies-box-container {
11+ display : flex;
12+ flex-wrap : wrap;
13+ justify-content : center
14+ }
15+
16+ .casestudies-box-content {
17+ height : 450px ;
18+ min-width : 275px ;
19+ width : 350px ;
20+ margin : 30px auto;
21+ border-radius : 3px
22+ }
23+
24+ .casestudies a {
25+ color : var (--colorPrimaryDark ) !important
26+ }
27+
28+ .casestudies-box-title {
29+ margin : 15px ;
30+ font-size : 16px ;
31+ text-transform : uppercase
32+ }
33+
34+ .casestudies-box-text {
35+ margin : 30px 15px ;
36+ font-size : 14px
37+ }
38+
39+ @media only screen and (max-width : 1300px ) {
40+ .casestudies-box-container {
41+ justify-content : center
42+ }
43+ }
44+
45+ @media only screen and (min-width : 600px ) and (max-width : 700px ) {
46+ .casestudies-box-container {
47+ flex-direction : column;
48+ align-items : center
49+ }
50+ }
51+
52+ .casestudies-underline {
53+ display : inline-block;
54+ vertical-align : middle;
55+ -webkit-transform : perspective (1px )translateZ (0 );
56+ transform : perspective (1px )translateZ (0 );
57+ box-shadow : 0 8px 15px rgba (0 , 0 , 0 , .1 );
58+ position : relative;
59+ overflow : hidden
60+ }
61+
62+ .casestudies-underline : before {
63+ content : "" ;
64+ position : absolute;
65+ z-index : -1 ;
66+ left : 0 ;
67+ right : 100% ;
68+ bottom : 0 ;
69+ background : var (--colorPrimaryDark );
70+ height : 4px ;
71+ -webkit-transition-property : right;
72+ transition-property : right;
73+ -webkit-transition-duration : .3s ;
74+ transition-duration : .3s ;
75+ -webkit-transition-timing-function : ease-out;
76+ transition-timing-function : ease-out
77+ }
78+
79+ .casestudies-underline : hover : before ,
80+ .casestudies-underline : focus : before ,
81+ .casestudies-underline : active : before {
82+ right : 0
83+ }
0 commit comments