imported from hugo version, loading json with webpack
needs to rebuild the mythrille logic with new data set
This commit is contained in:
@@ -0,0 +1,77 @@
|
||||
// @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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user