Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

82 wiersze
1.6 KiB

  1. .new-user {
  2. padding: 0 0 3rem 0;
  3. }
  4. .listing {
  5. ul {
  6. }
  7. li {
  8. background: $color-bim-10;
  9. padding: 0.75rem 1.5rem;
  10. margin-bottom: 2px;
  11. &:nth-child(even) {
  12. background: $color-bim-20;
  13. }
  14. &.inactive {
  15. opacity: .3;
  16. }
  17. }
  18. &--header {
  19. padding: 0.5rem 0;
  20. display: flex;
  21. justify-content: space-between;
  22. align-items: center;
  23. @media (max-width: 1024px) {
  24. display: block;
  25. }
  26. h3 {
  27. padding: 0 !important;
  28. }
  29. .buttons {
  30. display: flex;
  31. flex-wrap: wrap;
  32. justify-content: flex-start;
  33. align-items: center;
  34. * {
  35. margin-left: 1.5rem;
  36. @media (max-width: 1024px) {
  37. margin-top: 10px;
  38. margin-left: 0;
  39. margin-right: 1.5rem;
  40. }
  41. }
  42. .pdfs {
  43. display: flex;
  44. @media (max-width: 1024px) {
  45. order: 2;
  46. }
  47. a {
  48. display: block;
  49. width: 2rem;
  50. height: 2rem;
  51. background: transparent url("../images/elements/pdf.svg") no-repeat left top;
  52. background-size: 100% auto;
  53. position: relative;
  54. &.latest {
  55. &:after {
  56. content: "";
  57. display: block;
  58. position: absolute;
  59. right: -0.25rem;
  60. top: -0.25rem;
  61. width: 1rem;
  62. height: 1rem;
  63. background: green;
  64. border-radius: 50%;
  65. }
  66. }
  67. }
  68. }
  69. }
  70. }
  71. &--details {
  72. display: none;
  73. li.open & {
  74. }
  75. }
  76. &--details-inside {
  77. padding: 0.5rem 0;
  78. }
  79. }