You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_desktop.scss 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .deep-linking-desktop {
  2. background-color: #fff;
  3. width: 100%;
  4. height: 100%;
  5. display: flex;
  6. flex-flow: column;
  7. .header {
  8. width: 100%;
  9. height: 55px;
  10. background-color: #f1f2f5;
  11. padding-top: 15px;
  12. padding-left: 50px;
  13. display: flex;
  14. flex-flow: row;
  15. flex: 0 0 55px;
  16. .logo {
  17. height: 40px;
  18. }
  19. }
  20. .content {
  21. padding-top: 40px;
  22. padding-bottom: 40px;
  23. left: 0px;
  24. right: 0px;
  25. display: flex;
  26. width: 100%;
  27. height: 100%;
  28. flex-flow: row;
  29. .leftColumn {
  30. left: 0px;
  31. width: 50%;
  32. min-height: 156px;
  33. display: flex;
  34. flex-flow: column;
  35. .leftColumnContent{
  36. padding: 20px;
  37. display: flex;
  38. flex-flow: column;
  39. height: 100%;
  40. .image {
  41. background-image: url('../images/deep-linking-image.png');
  42. background-repeat: no-repeat;
  43. background-position: center;
  44. background-size: contain;
  45. height: 100%;
  46. width: 100%;
  47. }
  48. }
  49. }
  50. .rightColumn {
  51. top: 0px;
  52. width: 50%;
  53. min-height: 156px;
  54. display: flex;
  55. flex-flow: row;
  56. align-items: center;
  57. .rightColumnContent {
  58. display: flex;
  59. flex-flow: column;
  60. padding: 20px 20px 20px 60px;
  61. .title {
  62. color: #1c2946;
  63. }
  64. .description {
  65. color: #606a80;
  66. margin-top: 8px;
  67. }
  68. .buttons {
  69. margin-top: 16px;
  70. }
  71. }
  72. }
  73. }
  74. }