Unified · Split
| @@ -132,7 +132,50 @@ · 131 unmodified lines | |||
| 132 | dd { margin: 0; } | 132 | dd { margin: 0; } |
| 133 | } | 133 | } |
| 134 | 134 | ||
| 135 | iframe.interactive { | 135 | .interactive { |
| 136 | width: 100%; | 136 | width: 100%; |
| 137 | height: 680px; | ||
| 138 | &.is-js-height { | ||
| 139 | height: 520px; | ||
| 140 | } | ||
| 141 | &.is-shorter-height { | ||
| 142 | height: 440px; | ||
| 143 | } | ||
| 144 | &.is-taller-height { | ||
| 145 | height: 730px; | ||
| 146 | } | ||
| 147 | &.is-tabbed-shorter-height { | ||
| 148 | height: 490px; | ||
| 149 | } | ||
| 150 | &.is-tabbed-standard-height { | ||
| 151 | height: 550px; | ||
| 152 | } | ||
| 153 | &.is-tabbed-taller-height { | ||
| 154 | height: 780px; | ||
| 155 | } | ||
| 156 | } | ||
| 157 | @media screen and (min-width: 993px) { | ||
| 158 | .interactive { | ||
| 159 | height: 380px; | ||
| 160 | |||
| 161 | &.is-js-height { | ||
| 162 | height: 450px; | ||
| 163 | } | ||
| 164 | &.is-shorter-height { | ||
| 165 | height: 370px; | ||
| 166 | } | ||
| 167 | &.is-taller-height { | ||
| 168 | height: 660px; | ||
| 169 | } | ||
| 170 | &.is-tabbed-shorter-height { | ||
| 171 | height: 360px; | ||
| 172 | } | ||
| 173 | &.is-tabbed-standard-height { | ||
| 174 | height: 430px; | ||
| 175 | } | ||
| 176 | &.is-tabbed-taller-height { | ||
| 177 | height: 640px; | ||
| 178 | } | ||
| 179 | } | ||
| 137 | } | 180 | } |
| 138 | } | 181 | } |