_contribute.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. .contribute-help {
  2. .sprite_img {
  3. position:relative;
  4. left: 0px;
  5. margin: 0;
  6. padding: 0;
  7. top:0;
  8. width: 85px;
  9. height: 85px;
  10. background-repeat: no-repeat;
  11. background-size: cover;
  12. }
  13. .report-bug-icon {
  14. @extend .sprite_img;
  15. height:1em;
  16. width:1em;
  17. background-image: url("{{ site.baseurl }}/static/img/bug_icon.svg");
  18. background-size: 2em 1em;
  19. display: inline-block;
  20. }
  21. a:hover .report-bug-icon {
  22. background-position: -1em 0;
  23. }
  24. .list {
  25. padding:0;
  26. }
  27. .list li {
  28. background:$gray-10;
  29. position: relative;
  30. list-style: none;
  31. margin-bottom: 16px;
  32. white-space:nowrap;
  33. text-overflow:ellipsis;
  34. overflow: hidden;
  35. }
  36. .well {
  37. .issue-links {
  38. li {
  39. margin: 10px 0px;
  40. a {
  41. color: $brand-primary;
  42. display: inline;
  43. padding: 0px;
  44. &:hover {
  45. color: $brand-primary-darker;
  46. text-decoration: underline;
  47. }
  48. }
  49. }
  50. }
  51. }
  52. .platforms-list {
  53. li {
  54. a {
  55. float: right;
  56. -webkit-transition: background 0.25s linear;
  57. -moz-transition: background 0.25s linear;
  58. transition: background 0.25s linear;
  59. width: 36px;
  60. background: url("{{ site.baseurl }}/static/img/sprite.png") no-repeat;
  61. background-position: 3px -127px;
  62. background-color: #4cc2e4;
  63. height: 36px;
  64. }
  65. a.link-apache {
  66. background-position: 2px -94px;
  67. margin-right: 3px;
  68. }
  69. a.link-github {
  70. background-position: 3px -127px;
  71. }
  72. .project-label {
  73. margin: 8px -8px 8px 8px;
  74. }
  75. }
  76. @media (min-width: $screen-sm-min) {
  77. li.first {
  78. a.link-apache {
  79. width: 115px;
  80. }
  81. a.link-github {
  82. width: 90px;
  83. }
  84. .project-label {
  85. width: 35%;
  86. }
  87. .project-links {
  88. width: 65%;
  89. }
  90. }
  91. }
  92. @media (max-width: $screen-xs-max) {
  93. li {
  94. a {
  95. display: inline-block;
  96. float: none;
  97. }
  98. a.link-apache {
  99. background-position: 2px -94px;
  100. width: 108px;
  101. margin-right: 3px;
  102. }
  103. a.link-github {
  104. background-position: 3px -127px;
  105. width: 90px;
  106. }
  107. .project-label{
  108. text-align: center;
  109. padding: 12px;
  110. margin: 0px;
  111. }
  112. .link-box {
  113. width: 49.5%;
  114. display: inline-block;
  115. text-align: center;
  116. background-color: $brand-primary;
  117. padding-top: 4px;
  118. }
  119. }
  120. }
  121. }
  122. .contribute-get-started-steps {
  123. padding-left: 17px;
  124. counter-reset: contribute-steps-counter;
  125. > li {
  126. margin-bottom:.5em;
  127. }
  128. }
  129. table {
  130. @extend .table;
  131. @extend .table-bordered;
  132. }
  133. }