flexbox.css (2900B)
1 .flexbox { 2 display: -webkit-flex; 3 display: flex; 4 } 5 .inline-flexbox { 6 display: -webkit-inline-flex; 7 display: inline-flex; 8 } 9 10 .flex-none { 11 -webkit-flex: none; 12 flex: none; 13 } 14 .flex-auto { 15 -webkit-flex: auto; 16 flex: auto; 17 } 18 .flex-one { 19 -webkit-flex: 1; 20 flex: 1; 21 } 22 .flex-one-one-auto { 23 -webkit-flex: 1 1 auto; 24 flex: 1 1 auto; 25 } 26 27 .row { 28 -webkit-flex-direction: row; 29 flex-direction: row; 30 } 31 .row-reverse { 32 -webkit-flex-direction: row-reverse; 33 flex-direction: row-reverse; 34 } 35 .column { 36 -webkit-flex-direction: column; 37 flex-direction: column; 38 } 39 .column-reverse { 40 -webkit-flex-direction: column-reverse; 41 flex-direction: column-reverse; 42 } 43 44 .wrap { 45 -webkit-flex-wrap: wrap; 46 flex-wrap: wrap; 47 } 48 .wrap-reverse { 49 -webkit-flex-wrap: wrap-reverse; 50 flex-wrap: wrap-reverse; 51 } 52 53 .align-content-flex-start { 54 -webkit-align-content: flex-start; 55 align-content: flex-start; 56 } 57 .align-content-flex-end { 58 -webkit-align-content: flex-end; 59 align-content: flex-end; 60 } 61 .align-content-center { 62 -webkit-align-content: center; 63 align-content: center; 64 } 65 .align-content-space-between { 66 -webkit-align-content: space-between; 67 align-content: space-between; 68 } 69 .align-content-space-around { 70 -webkit-align-content: space-around; 71 align-content: space-around; 72 } 73 .align-content-stretch { 74 -webkit-align-content: stretch; 75 align-content: stretch; 76 } 77 78 .align-items-flex-start { 79 -webkit-align-items: flex-start; 80 align-items: flex-start; 81 } 82 .align-items-flex-end { 83 -webkit-align-items: flex-end; 84 align-items: flex-end; 85 } 86 .align-items-center { 87 -webkit-align-items: center; 88 align-items: center; 89 } 90 .align-items-baseline { 91 -webkit-align-items: baseline; 92 align-items: baseline; 93 } 94 .align-items-stretch { 95 -webkit-align-items: stretch; 96 align-items: stretch; 97 } 98 99 .align-self-auto { 100 -webkit-align-self: auto; 101 align-self: auto; 102 } 103 .align-self-flex-start { 104 -webkit-align-self: flex-start; 105 align-self: flex-start; 106 } 107 .align-self-flex-end { 108 -webkit-align-self: flex-end; 109 align-self: flex-end; 110 } 111 .align-self-center { 112 -webkit-align-self: center; 113 align-self: center; 114 } 115 .align-self-baseline { 116 -webkit-align-self: baseline; 117 align-self: baseline; 118 } 119 .align-self-stretch { 120 -webkit-align-self: stretch; 121 align-self: stretch; 122 } 123 124 .justify-content-flex-start { 125 -webkit-justify-content: flex-start; 126 justify-content: flex-start; 127 } 128 .justify-content-flex-end { 129 -webkit-justify-content: flex-end; 130 justify-content: flex-end; 131 } 132 .justify-content-center { 133 -webkit-justify-content: center; 134 justify-content: center; 135 } 136 .justify-content-space-between { 137 -webkit-justify-content: space-between; 138 justify-content: space-between; 139 } 140 .justify-content-space-around { 141 -webkit-justify-content: space-around; 142 justify-content: space-around; 143 }