PluginProbe
Smart Grid-Layout Design for Contact Form 7 / 4.5
Smart Grid-Layout Design for Contact Form 7 v4.5
4.18.0 4.17.0 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 4.0.0 4.0.1 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.10 4.11 4.12 4.13 4.14 All 119 releases
← All changes | assets/css.gs/smart-grid.css +128 -131 4.0.14.5 View file →
@@ -1,8 +1,8 @@
1 1 /*! css-smart-grid 5.1.4 | MIT License | http://css.gd */
2 2
3 3 .cf7sg-container .cf7-smart-grid.has-grid .container {
4 - max-width: 940px;
4 + max-width: var(--max-cf7sg-form-width,940px);
5 5 padding: 0 1.06383%;
6 6 margin: 0 auto;
7 7 width:100%;
8 8 flex-wrap: wrap;
@@ -27,138 +27,135 @@
27 27 .cf7sg-container .cf7-smart-grid.has-grid .container:after,
28 28 .cf7sg-container .cf7-smart-grid.has-grid .row:after {
29 29 clear: both
30 30 }
31 -
32 -@media (min-width: 481px) {
33 - .cf7sg-container .cf7-smart-grid.has-grid .columns {
34 - float: left;
35 - margin: 0 0 0 2.12766%;
36 - width: 6.38298%;
37 - }
38 - .cf7sg-container .cf7-smart-grid.has-grid .columns.point-five{
39 - width:3.19149%;
40 - }
41 - .cf7sg-container .cf7-smart-grid.has-grid .columns:first-child {
42 - margin-left: 0;
43 - }
44 - .cf7sg-container .cf7-smart-grid.has-grid .columns.one.point-five{
45 - width:9.57447%;
46 - }
47 - .cf7sg-container .cf7-smart-grid.has-grid .columns.two {
48 - width: 14.89362%;
49 - }
50 - .cf7sg-container .cf7-smart-grid.has-grid .columns.two.point-five {
51 - width: 18.08511%;
52 - }
53 - .cf7sg-container .cf7-smart-grid.has-grid .columns.three,
54 - .cf7sg-container .cf7-smart-grid.has-grid .columns.one-fourth {
55 - width: 23.40426%;
56 - }
57 - .cf7sg-container .cf7-smart-grid.has-grid .columns.three.point-five {
58 - width: 26.59575%;
59 - }
60 - .cf7sg-container .cf7-smart-grid.has-grid .columns.four,
61 - .cf7sg-container .cf7-smart-grid.has-grid .columns.one-third {
62 - width: 31.91489%;
63 - }
64 - .cf7sg-container .cf7-smart-grid.has-grid .columns.four.point-five {
65 - width: 35.10638%;
66 - }
67 - .cf7sg-container .cf7-smart-grid.has-grid .columns.five {
68 - width: 40.42553%;
69 - }
70 - .cf7sg-container .cf7-smart-grid.has-grid .columns.six,
71 - .cf7sg-container .cf7-smart-grid.has-grid .columns.one-half {
72 - width: 48.93617%;
73 - }
74 - .cf7sg-container .cf7-smart-grid.has-grid .columns.seven {
75 - width: 57.44681%;
76 - }
77 - .cf7sg-container .cf7-smart-grid.has-grid .columns.eight,
78 - .cf7sg-container .cf7-smart-grid.has-grid .columns.two-thirds {
79 - width: 65.95745%;
80 - }
81 - .cf7sg-container .cf7-smart-grid.has-grid .columns.nine,
82 - .cf7sg-container .cf7-smart-grid.has-grid .columns.three-fourths {
83 - width: 74.46808%;
84 - }
85 - .cf7sg-container .cf7-smart-grid.has-grid .columns.ten {
86 - width: 82.97872%;
87 - }
88 - .cf7sg-container .cf7-smart-grid.has-grid .columns.eleven {
89 - width: 91.48936%;
90 - }
91 - .cf7sg-container .cf7-smart-grid.has-grid .columns.twelve,
92 - .cf7sg-container .cf7-smart-grid.has-grid .columns.full {
93 - width: 100.0%;
94 - }
95 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-one {
96 - margin-left: 10.6383%;
97 - }
98 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-one:first-child {
99 - margin-left: 8.51064%;
100 - }
101 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-two {
102 - margin-left: 19.14894%;
103 - }
104 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-two:first-child {
105 - margin-left: 17.02128%;
106 - }
107 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-three {
108 - margin-left: 27.65957%;
109 - }
110 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-three:first-child {
111 - margin-left: 25.53191%;
112 - }
113 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-four {
114 - margin-left: 36.17021%;
115 - }
116 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-four:first-child {
117 - margin-left: 34.04255%;
118 - }
119 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-five {
120 - margin-left: 44.68085%;
121 - }
122 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-five:first-child {
123 - margin-left: 42.55319%;
124 - }
125 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-six {
126 - margin-left: 53.19149%;
127 - }
128 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-six:first-child {
129 - margin-left: 51.06383%;
130 - }
131 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-seven {
132 - margin-left: 61.70213%;
133 - }
134 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-seven:first-child {
135 - margin-left: 59.57447%;
136 - }
137 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eight {
138 - margin-left: 70.21277%;
139 - }
140 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eight:first-child {
141 - margin-left: 68.08511%;
142 - }
143 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-nine {
144 - margin-left: 78.7234%;
145 - }
146 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-nine:first-child {
147 - margin-left: 76.59574%;
148 - }
149 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-ten {
150 - margin-left: 87.23404%;
151 - }
152 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-ten:first-child {
153 - margin-left: 85.10638%;
154 - }
155 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eleven {
156 - margin-left: 95.74468%;
157 - }
158 - .cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eleven:first-child {
159 - margin-left: 93.61702%;
160 - }
31 +.cf7sg-container .cf7-smart-grid.has-grid .columns.point-five{
32 + width:3.19149%;
33 +}
34 +.cf7sg-container .cf7-smart-grid.has-grid .columns:first-child {
35 + margin-left: 0;
36 +}
37 +.cf7sg-container .cf7-smart-grid.has-grid .columns.one.point-five{
38 + width:9.57447%;
39 +}
40 +.cf7sg-container .cf7-smart-grid.has-grid .columns.two {
41 + width: 14.89362%;
42 +}
43 +.cf7sg-container .cf7-smart-grid.has-grid .columns.two.point-five {
44 + width: 18.08511%;
45 +}
46 +.cf7sg-container .cf7-smart-grid.has-grid .columns.three,
47 +.cf7sg-container .cf7-smart-grid.has-grid .columns.one-fourth {
48 + width: 23.40426%;
49 +}
50 +.cf7sg-container .cf7-smart-grid.has-grid .columns.three.point-five {
51 + width: 26.59575%;
52 +}
53 +.cf7sg-container .cf7-smart-grid.has-grid .columns.four,
54 +.cf7sg-container .cf7-smart-grid.has-grid .columns.one-third {
55 + width: 31.91489%;
56 +}
57 +.cf7sg-container .cf7-smart-grid.has-grid .columns.four.point-five {
58 + width: 35.10638%;
59 +}
60 +.cf7sg-container .cf7-smart-grid.has-grid .columns.five {
61 + width: 40.42553%;
62 +}
63 +.cf7sg-container .cf7-smart-grid.has-grid .columns.six,
64 +.cf7sg-container .cf7-smart-grid.has-grid .columns.one-half {
65 + width: 48.93617%;
66 +}
67 +.cf7sg-container .cf7-smart-grid.has-grid .columns.seven {
68 + width: 57.44681%;
69 +}
70 +.cf7sg-container .cf7-smart-grid.has-grid .columns.eight,
71 +.cf7sg-container .cf7-smart-grid.has-grid .columns.two-thirds {
72 + width: 65.95745%;
73 +}
74 +.cf7sg-container .cf7-smart-grid.has-grid .columns.nine,
75 +.cf7sg-container .cf7-smart-grid.has-grid .columns.three-fourths {
76 + width: 74.46808%;
77 +}
78 +.cf7sg-container .cf7-smart-grid.has-grid .columns.ten {
79 + width: 82.97872%;
80 +}
81 +.cf7sg-container .cf7-smart-grid.has-grid .columns.eleven {
82 + width: 91.48936%;
83 +}
84 +.cf7sg-container .cf7-smart-grid.has-grid .columns.twelve,
85 +.cf7sg-container .cf7-smart-grid.has-grid .columns.full {
86 + width: 100.0%;
87 +}
88 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-one {
89 + margin-left: 10.6383%;
90 +}
91 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-one:first-child {
92 + margin-left: 8.51064%;
93 +}
94 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-two {
95 + margin-left: 19.14894%;
96 +}
97 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-two:first-child {
98 + margin-left: 17.02128%;
99 +}
100 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-three {
101 + margin-left: 27.65957%;
102 +}
103 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-three:first-child {
104 + margin-left: 25.53191%;
105 +}
106 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-four {
107 + margin-left: 36.17021%;
108 +}
109 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-four:first-child {
110 + margin-left: 34.04255%;
111 +}
112 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-five {
113 + margin-left: 44.68085%;
114 +}
115 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-five:first-child {
116 + margin-left: 42.55319%;
117 +}
118 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-six {
119 + margin-left: 53.19149%;
120 +}
121 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-six:first-child {
122 + margin-left: 51.06383%;
123 +}
124 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-seven {
125 + margin-left: 61.70213%;
126 +}
127 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-seven:first-child {
128 + margin-left: 59.57447%;
129 +}
130 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eight {
131 + margin-left: 70.21277%;
132 +}
133 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eight:first-child {
134 + margin-left: 68.08511%;
135 +}
136 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-nine {
137 + margin-left: 78.7234%;
138 +}
139 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-nine:first-child {
140 + margin-left: 76.59574%;
141 +}
142 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-ten {
143 + margin-left: 87.23404%;
144 +}
145 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-ten:first-child {
146 + margin-left: 85.10638%;
147 +}
148 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eleven {
149 + margin-left: 95.74468%;
150 +}
151 +.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-eleven:first-child {
152 + margin-left: 93.61702%;
153 +}
154 +.cf7sg-container .cf7-smart-grid.has-grid .columns {
155 + float: left;
156 + margin: 0 0 0 2.12766%;
157 + width: 6.38298%;
161 158 }
162 159
163 160
164 161 /*# sourceMappingURL=smart-grid.css.map */