Guest User

Untitled

a guest
Nov 21st, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.19 KB | None | 0 0
  1. .slider-box {
  2. @include flex(0 0 650px);
  3. @include flexbox;
  4.  
  5. @include respond(xlarge) {
  6. @include flex(0 0 514px);
  7. }
  8. @include respond(large) {
  9. @include flex(0 0 468px);
  10. }
  11.  
  12. @include respond-down(medium) {
  13. @include flex(0 0 269px);
  14. @include flex-direction(column);
  15. }
  16.  
  17. @include respond(small) {
  18. @include flex(0 0 246px);
  19. }
  20.  
  21. @include respond(xsmall) {
  22. @include flex-direction(row);
  23. @include flex(1 1 auto);
  24. }
  25.  
  26. .wrapper-image {
  27. @include flex(0 0 295px);
  28. height: 305px;
  29. background: {
  30. image: url("../img/png/main/expertise/articles/1.png");
  31. repeat: no-repeat;
  32. size: cover;
  33. }
  34. ;
  35.  
  36. @include respond-down(xlarge) {
  37. @include flex(0 0 233px);
  38. height: 241px;
  39. }
  40.  
  41. @include respond-down(medium) {
  42. @include flex(0 0 186px);
  43. max-width: 180px;
  44. }
  45.  
  46. @include respond(xsmall) {
  47. height: 134px;
  48. @include flex(0 0 129px);
  49. }
  50. }
  51.  
  52. .block {
  53. position: relative;
  54. padding-right: 203px;
  55. @include flex(1 1 auto);
  56. padding-left: 26px;
  57.  
  58. @include respond-down(medium) {
  59. padding-right: 91px;
  60. padding-left: 0;
  61. }
  62.  
  63. @include respond(small) {
  64. padding-right: 91px;
  65. }
  66.  
  67. @include respond(xsmall) {
  68. padding-left: 31px;
  69. padding-right: 0;
  70. }
  71.  
  72. .title-news {
  73. margin-bottom: 20px;
  74.  
  75. @include respond-down(medium) {
  76. font-size: 16px;
  77. line-height: 1.4;
  78. }
  79. @include respond(xsmall) {
  80. font-size: 14px;
  81. }
  82. }
  83.  
  84. .description {
  85. color: $text-color;
  86. line-height: 1.5;
  87. font-size: 15px;
  88. margin-bottom: 17px;
  89. }
  90.  
  91. .wrapper-arrow {
  92.  
  93. @include respond-down(small) {
  94. position: static;
  95. width: auto;
  96. @include transform(translate(0, 0));
  97. left: auto;
  98. }
  99.  
  100. .arrow-slider {
  101. @include respond-down(medium) {
  102. background-color: #E5E2E2;
  103. }
  104.  
  105. }
  106. }
  107.  
  108. .about-business {
  109. position: absolute;
  110. @include transform(rotate(-90deg));
  111. color: #AEB5BC;
  112. font-size: 30px;
  113. font-family: $font-min;
  114. right: -63px;
  115. letter-spacing: 2px;
  116. top: 110px;
  117.  
  118. @include respond-down(xlarge) {
  119. right: -36px;
  120. letter-spacing: 1.5px;
  121. top: 110px;
  122.  
  123. }
  124.  
  125. @include respond(large) {
  126. right: 8px;
  127. top: 105px;
  128. }
  129.  
  130. @include respond-down(medium) {
  131. font-size: 20px;
  132. top: -114px;
  133. right: -58px;
  134. }
  135. //@include respond(small){}
  136. //@include respond(xsmall){}
  137.  
  138. }
  139. }
  140. }
Add Comment
Please, Sign In to add comment