longrid.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .post{
  2. .text{
  3. p{
  4. margin-left: auto;
  5. margin-right: auto;
  6. max-width: 1200px;
  7. margin-bottom: 2rem;
  8. }
  9. ul, ol, dl{
  10. margin-left: auto;
  11. margin-right: auto;
  12. max-width: 1200px;
  13. margin-bottom: 2rem;
  14. }
  15. .inject1, .inject2, .inject{
  16. margin-left: auto;
  17. margin-right: auto;
  18. max-width: 1200px;
  19. margin-bottom: 2rem;
  20. }
  21. .inject .illustration{
  22. margin-right: 30px;
  23. }
  24. h2{
  25. margin-left: auto;
  26. margin-right: auto;
  27. max-width: 1200px;
  28. font-weight: 700;
  29. }
  30. div{
  31. margin-left: auto;
  32. margin-right: auto;
  33. max-width: 1200px;
  34. .pic{
  35. max-width: 100%;
  36. margin-bottom: 20px;
  37. }
  38. }
  39. .wides{
  40. margin-left: auto;
  41. margin-right: auto;
  42. max-width: 95%;
  43. }
  44. .bukvica::first-letter {
  45. font-size: 182px;
  46. margin: 0 28px 0 0;
  47. float: left;
  48. line-height: 192px;
  49. vertical-align: top;
  50. }
  51. .hr{
  52. clear: both;
  53. }
  54. }
  55. h1,h2,h3,h4,h5{
  56. max-width: 1200px;
  57. margin-right: auto;
  58. margin-left: auto;
  59. }
  60. h4{
  61. margin-bottom: 40px;
  62. }
  63. h1{
  64. text-align: center;
  65. font-size: 45px;
  66. }
  67. .lead{
  68. margin-right: auto;
  69. margin-left: auto;
  70. max-width: 1100px;
  71. }
  72. .published_at{
  73. margin-right: auto;
  74. margin-left: auto;
  75. max-width: 1200px;
  76. }
  77. section.comments{
  78. max-width: 1200px;
  79. margin: 0 auto;
  80. }
  81. .share_and_comment{
  82. max-width: 1200px;
  83. margin: 0 auto;
  84. }
  85. @media(max-width: @size-mobile){
  86. h1{
  87. text-align: left;
  88. font-size: 25px;
  89. }
  90. }
  91. }