1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- // @Author: Bachir Soussi Chiadmi <bach>
- // @Date: 16-04-2017
- // @Email: bachir@figureslibres.io
- // @Last modified by: bach
- // @Last modified time: 18-04-2017
- // @License: GPL-V3
- $fs:16px;
- @mixin base_font{
- font-family: 'amiri', sans-serif;
- font-size: 16px;
- font-kerning: auto;
- line-height: 1.4;
- }
- html, body{
- @include base_font;
- position: relative;
- margin:0;
- padding:0;
- }
- #app{
- position: relative;
- text-align: center;
- margin: 0 auto;
- }
- main#content{
- display:inline-block;
- text-align: left;
- }
- section.item{
- width:450px;
- margin: 1em 0;
- overflow-x: visible;
- @include base_font;
- // max-height:14px;
- // overflow: hidden;
- // transition: max-height 0.5s ease-in-out;
- // &.active{
- // max-height:1000px;
- // }
- h1{
- font-size: 0.750em;
- font-weight: 300;
- margin: 0;
- cursor:pointer;
- }
- div.text{
- font-size: 1.3em;
- div.paragraph{
- margin-bottom: 1em;
- div.opened-link{
- display:inline;
- }
- a.link, span.link.text{
- font-weight: 600;
- text-decoration: none;
- color: inherit;
- }
- span.link.text:after{
- content:':'
- }
- section.item{
- padding-left:2em;
- border-left: 1px solid #999;
- }
- }
- }
- }
|