PluginProbe
WP Directory Kit / 1.3.4
WP Directory Kit v1.3.4
1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 1.4.0 All 36 releases
wpdirectorykit / public / css / dist / wpdirectorykit-public-responsive.css

wpdirectorykit-public-responsive.css in WP Directory Kit 1.3.4, at public/css/dist/wpdirectorykit-public-responsive.css

56 lines 1.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*------------------------------------------------------------------
2 [Media Stylesheet]
3 -------------------------------------------------------------------*/
4 /*------------------------------------------------------------------
5 [Table of contents]
6
7 1. Min width 992px and Max width: 1199px
8 2. Max width: 1140px
9 3. Max width: 992px
10 4. Max width: 992px and min width: 768px
11 5. Max width: 767px
12 6. Max width: 480px
13 7. Custom media for IE
14
15 -------------------------------------------------------------------*/
16 /*------------------------------------------------------------------
17 [1. Min width 992px and Max width: 1199px ]
18 */
19 /*------------------------------------------------------------------
20 [2. Max width: 1140px ]
21 */
22 /*------------------------------------------------------------------
23 [3. Max width: 991px ]
24 */
25 @media (max-width: 991px) {
26 body .wdk-element .wdk-row .wdk-col {
27 width: 50%;
28 -webkit-flex: 0 0 calc(100% / 2);
29 flex: 0 0 calc(100% / 2);
30 }
31 }
32 /*------------------------------------------------------------------
33 [4. Max width: 992px and min width: 768px]
34 */
35 /*------------------------------------------------------------------
36 [5. Max width: 767px]
37 */
38 @media (max-width: 767px) {
39 body .wdk-element .wdk-row .wdk-col {
40 width: 100%;
41 -webkit-flex: 0 0 calc(100% / 1);
42 flex: 0 0 calc(100% / 1);
43 }
44 }
45 /*------------------------------------------------------------------
46 [6. Max width: 540px]
47 */
48 /*------------------------------------------------------------------
49 [6. Max width: 576px]
50 */
51 /*------------------------------------------------------------------
52 [6. Max width: 540px]
53 */
54 /*------------------------------------------------------------------
55 [7. Custom media for IE]
56 */