_promo.scss 787 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .promoSection {
  2. display: flex;
  3. flex-flow: column wrap;
  4. font-size: 125%;
  5. line-height: 1.6em;
  6. margin: -10px 0;
  7. position: relative;
  8. z-index: 99;
  9. .promoRow {
  10. padding: 10px 0;
  11. .pluginWrapper {
  12. display: block;
  13. &.ghWatchWrapper, &.ghStarWrapper {
  14. height: 28px;
  15. }
  16. }
  17. .pluginRowBlock {
  18. display: flex;
  19. flex-flow: row wrap;
  20. margin: 0 -2px;
  21. .pluginWrapper {
  22. padding: 0 2px;
  23. }
  24. }
  25. }
  26. }
  27. iframe.pluginIframe {
  28. height: 500px;
  29. margin-top: 20px;
  30. width: 100%;
  31. }
  32. .iframeContent {
  33. display: none;
  34. }
  35. .iframePreview {
  36. display: inline-block;
  37. margin-top: 20px;
  38. }
  39. @media only screen and (min-width: 1024px) {
  40. .iframeContent {
  41. display: block;
  42. }
  43. .iframePreview {
  44. display: none;
  45. }
  46. }