Rev 14734 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 14489 | obado | 1 | /** |
| 15341 | obado | 2 | * Foundation for Sites |
| 3 | * Version 6.6.3 |
||
| 4 | * https://get.foundation |
||
| 14489 | obado | 5 | * Licensed under MIT Open Source |
| 6 | */ |
||
| 7 | /* Flex styles */ |
||
| 8 | .align-left { |
||
| 9 | justify-content: flex-start; } |
||
| 10 | |||
| 11 | .align-right { |
||
| 12 | justify-content: flex-end; } |
||
| 13 | |||
| 14 | .align-center { |
||
| 15 | justify-content: center; } |
||
| 16 | |||
| 17 | .align-justify { |
||
| 18 | justify-content: space-between; } |
||
| 19 | |||
| 20 | .align-spaced { |
||
| 21 | justify-content: space-around; } |
||
| 22 | |||
| 23 | .align-left.vertical.menu > li > a { |
||
| 24 | justify-content: flex-start; } |
||
| 25 | |||
| 26 | .align-right.vertical.menu > li > a { |
||
| 27 | justify-content: flex-end; } |
||
| 28 | |||
| 29 | .align-center.vertical.menu > li > a { |
||
| 30 | justify-content: center; } |
||
| 31 | |||
| 32 | .align-top { |
||
| 33 | align-items: flex-start; } |
||
| 34 | |||
| 35 | .align-self-top { |
||
| 36 | align-self: flex-start; } |
||
| 37 | |||
| 38 | .align-bottom { |
||
| 39 | align-items: flex-end; } |
||
| 40 | |||
| 41 | .align-self-bottom { |
||
| 42 | align-self: flex-end; } |
||
| 43 | |||
| 44 | .align-middle { |
||
| 45 | align-items: center; } |
||
| 46 | |||
| 47 | .align-self-middle { |
||
| 48 | align-self: center; } |
||
| 49 | |||
| 50 | .align-stretch { |
||
| 51 | align-items: stretch; } |
||
| 52 | |||
| 53 | .align-self-stretch { |
||
| 54 | align-self: stretch; } |
||
| 55 | |||
| 56 | .align-center-middle { |
||
| 57 | justify-content: center; |
||
| 58 | align-items: center; |
||
| 59 | align-content: center; } |
||
| 60 | |||
| 61 | .small-order-1 { |
||
| 62 | order: 1; } |
||
| 63 | |||
| 64 | .small-order-2 { |
||
| 65 | order: 2; } |
||
| 66 | |||
| 67 | .small-order-3 { |
||
| 68 | order: 3; } |
||
| 69 | |||
| 70 | .small-order-4 { |
||
| 71 | order: 4; } |
||
| 72 | |||
| 73 | .small-order-5 { |
||
| 74 | order: 5; } |
||
| 75 | |||
| 76 | .small-order-6 { |
||
| 77 | order: 6; } |
||
| 78 | |||
| 79 | @media print, screen and (min-width: 40em) { |
||
| 80 | .medium-order-1 { |
||
| 81 | order: 1; } |
||
| 82 | .medium-order-2 { |
||
| 83 | order: 2; } |
||
| 84 | .medium-order-3 { |
||
| 85 | order: 3; } |
||
| 86 | .medium-order-4 { |
||
| 87 | order: 4; } |
||
| 88 | .medium-order-5 { |
||
| 89 | order: 5; } |
||
| 90 | .medium-order-6 { |
||
| 91 | order: 6; } } |
||
| 92 | |||
| 93 | @media print, screen and (min-width: 64em) { |
||
| 94 | .large-order-1 { |
||
| 95 | order: 1; } |
||
| 96 | .large-order-2 { |
||
| 97 | order: 2; } |
||
| 98 | .large-order-3 { |
||
| 99 | order: 3; } |
||
| 100 | .large-order-4 { |
||
| 101 | order: 4; } |
||
| 102 | .large-order-5 { |
||
| 103 | order: 5; } |
||
| 104 | .large-order-6 { |
||
| 105 | order: 6; } } |
||
| 106 | |||
| 107 | .flex-container { |
||
| 108 | display: flex; } |
||
| 109 | |||
| 110 | .flex-child-auto { |
||
| 111 | flex: 1 1 auto; } |
||
| 112 | |||
| 113 | .flex-child-grow { |
||
| 114 | flex: 1 0 auto; } |
||
| 115 | |||
| 116 | .flex-child-shrink { |
||
| 117 | flex: 0 1 auto; } |
||
| 118 | |||
| 119 | .flex-dir-row { |
||
| 120 | flex-direction: row; } |
||
| 121 | |||
| 122 | .flex-dir-row-reverse { |
||
| 123 | flex-direction: row-reverse; } |
||
| 124 | |||
| 125 | .flex-dir-column { |
||
| 126 | flex-direction: column; } |
||
| 127 | |||
| 128 | .flex-dir-column-reverse { |
||
| 129 | flex-direction: column-reverse; } |
||
| 130 | |||
| 131 | @media print, screen and (min-width: 40em) { |
||
| 132 | .medium-flex-container { |
||
| 133 | display: flex; } |
||
| 134 | .medium-flex-child-auto { |
||
| 135 | flex: 1 1 auto; } |
||
| 136 | .medium-flex-child-grow { |
||
| 137 | flex: 1 0 auto; } |
||
| 138 | .medium-flex-child-shrink { |
||
| 139 | flex: 0 1 auto; } |
||
| 140 | .medium-flex-dir-row { |
||
| 141 | flex-direction: row; } |
||
| 142 | .medium-flex-dir-row-reverse { |
||
| 143 | flex-direction: row-reverse; } |
||
| 144 | .medium-flex-dir-column { |
||
| 145 | flex-direction: column; } |
||
| 146 | .medium-flex-dir-column-reverse { |
||
| 147 | flex-direction: column-reverse; } } |
||
| 148 | |||
| 149 | @media print, screen and (min-width: 64em) { |
||
| 150 | .large-flex-container { |
||
| 151 | display: flex; } |
||
| 152 | .large-flex-child-auto { |
||
| 153 | flex: 1 1 auto; } |
||
| 154 | .large-flex-child-grow { |
||
| 155 | flex: 1 0 auto; } |
||
| 156 | .large-flex-child-shrink { |
||
| 157 | flex: 0 1 auto; } |
||
| 158 | .large-flex-dir-row { |
||
| 159 | flex-direction: row; } |
||
| 160 | .large-flex-dir-row-reverse { |
||
| 161 | flex-direction: row-reverse; } |
||
| 162 | .large-flex-dir-column { |
||
| 163 | flex-direction: column; } |
||
| 164 | .large-flex-dir-column-reverse { |
||
| 165 | flex-direction: column-reverse; } } |