@import url(../../node_modules/semantic-ui-css/semantic.min.css);
@import url(../../node_modules/vazir-font/dist/font-face.css);
@import url(hljs/atom-one-dark.css);

* {
    font-family: Vazir;
}

h1, h2, h3, h4, h5, h6, input, select {
    font-family: Vazir !important;
}

.segment{
    margin-top: 40px !important;
}

.gen-field{
    border: 1px dotted #ddd;
    padding: 15px 5px ;
    margin-bottom: 5px;
}

.attr-base{
    border: 1px dashed silver;
    margin-bottom: 0;
    padding: 10px 0;
}

#code{
    padding: 10px;
    background: #111;
    -ms-overflow-x: scroll;
}