Unified · Split
| @@ -132,7 +132,50 @@ · 131 unmodified lines | ||
| 132 | 132 | dd { margin: 0; } |
| 133 | 133 | } |
| 134 | 134 | |
| 135 | − iframe.interactive { | |
| 136 | − width: 100%; | |
| 135 | + .interactive { | |
| 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 | } |