main.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. // @Author: Bachir Soussi Chiadmi <bach>
  2. // @Date: 16-04-2017
  3. // @Email: bachir@figureslibres.io
  4. // @Last modified by: bach
  5. // @Last modified time: 18-04-2017
  6. // @License: GPL-V3
  7. $fs:16px;
  8. @mixin base_font{
  9. font-family: 'amiri', sans-serif;
  10. font-size: 16px;
  11. font-kerning: auto;
  12. line-height: 1.4;
  13. }
  14. html, body{
  15. @include base_font;
  16. position: relative;
  17. margin:0;
  18. padding:0;
  19. }
  20. #app{
  21. position: relative;
  22. text-align: center;
  23. margin: 0 auto;
  24. }
  25. main#content{
  26. display:inline-block;
  27. text-align: left;
  28. }
  29. section.item{
  30. width:450px;
  31. margin: 1em 0;
  32. overflow-x: visible;
  33. @include base_font;
  34. // max-height:14px;
  35. // overflow: hidden;
  36. // transition: max-height 0.5s ease-in-out;
  37. // &.active{
  38. // max-height:1000px;
  39. // }
  40. h1{
  41. font-size: 0.750em;
  42. font-weight: 300;
  43. margin: 0;
  44. cursor:pointer;
  45. }
  46. div.text{
  47. font-size: 1.3em;
  48. div.paragraph{
  49. margin-bottom: 1em;
  50. div.opened-link{
  51. display:inline;
  52. }
  53. a.link, span.link.text{
  54. font-weight: 600;
  55. text-decoration: none;
  56. color: inherit;
  57. }
  58. span.link.text:after{
  59. content:':'
  60. }
  61. section.item{
  62. padding-left:2em;
  63. border-left: 1px solid #999;
  64. }
  65. }
  66. }
  67. }