forked from mermaid-js/mermaid
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
initial setup for editor page to generate graph through textarea input
- Loading branch information
1 parent
8261429
commit 225560d
Showing
10 changed files
with
3,886 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,6 @@ | ||
| { | ||
| "name": "mermaid", | ||
| "version": "0.2.8", | ||
| "version": "0.2.6", | ||
| "authors": [ | ||
| "knsv <[email protected]>" | ||
| ], | ||
|
|
||
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,144 @@ | ||
| @import url(http://fonts.googleapis.com/css?family=Open+Sans); | ||
| body { | ||
| margin: 0; | ||
| font-family: 'Open sans', sans-serif; | ||
| } | ||
| .page { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -webkit-box-direction: normal; | ||
| -moz-box-direction: normal; | ||
| -webkit-box-orient: horizontal; | ||
| -moz-box-orient: horizontal; | ||
| -webkit-flex-direction: row; | ||
| -ms-flex-direction: row; | ||
| flex-direction: row; | ||
| } | ||
| .header { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -webkit-box-pack: start; | ||
| -moz-box-pack: start; | ||
| -ms-flex-pack: start; | ||
| -webkit-justify-content: flex-start; | ||
| justify-content: flex-start; | ||
| width: 100%; | ||
| height: 50px; | ||
| background: #282828; | ||
| color: #d4d8df; | ||
| padding: 10px; | ||
| } | ||
| .header-logo { | ||
| color: #282828; | ||
| } | ||
| .header-title { | ||
| color: #d4d8df; | ||
| font-size: 16.25px; | ||
| } | ||
| .column { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| width: 35%; | ||
| height: 100%; | ||
| background: #282828; | ||
| color: #d4d8df; | ||
| max-width: 350px; | ||
| overflow-y: scroll; | ||
| overflow-x: hidden; | ||
| padding: 20px 10px; | ||
| margin: 0 20px 0 0; | ||
| } | ||
| .column h2 { | ||
| font-size: 16.25px; | ||
| font-weight: bold; | ||
| } | ||
| .content { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -webkit-box-direction: normal; | ||
| -moz-box-direction: normal; | ||
| -webkit-box-orient: vertical; | ||
| -moz-box-orient: vertical; | ||
| -webkit-flex-direction: column; | ||
| -ms-flex-direction: column; | ||
| flex-direction: column; | ||
| -webkit-box-pack: justify; | ||
| -moz-box-pack: justify; | ||
| -ms-flex-pack: justify; | ||
| -webkit-justify-content: space-between; | ||
| justify-content: space-between; | ||
| width: 100%; | ||
| padding: 0 10px; | ||
| } | ||
| .editor { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| width: 90%; | ||
| height: 40%; | ||
| font-family: 'Open sans', sans-serif; | ||
| border: 1px solid rgba(40, 40, 40, 0.6); | ||
| } | ||
| .button { | ||
| -webkit-border-radius: 4px; | ||
| -webkit-background-clip: padding-box; | ||
| -moz-border-radius: 4px; | ||
| -moz-background-clip: padding; | ||
| border-radius: 4px; | ||
| background-clip: padding-box; | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -webkit-box-pack: center; | ||
| -moz-box-pack: center; | ||
| -ms-flex-pack: center; | ||
| -webkit-justify-content: center; | ||
| justify-content: center; | ||
| font-size: 16.25px; | ||
| background: #282828; | ||
| color: #d4d8df; | ||
| padding: 5px 15px; | ||
| text-transform: uppercase; | ||
| text-align: center; | ||
| border: 0; | ||
| width: 50%; | ||
| max-width: 150px; | ||
| margin: 5px auto; | ||
| } | ||
| .group { | ||
| display: -webkit-box; | ||
| display: -moz-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -webkit-box-direction: normal; | ||
| -moz-box-direction: normal; | ||
| -webkit-box-orient: vertical; | ||
| -moz-box-orient: vertical; | ||
| -webkit-flex-direction: column; | ||
| -ms-flex-direction: column; | ||
| flex-direction: column; | ||
| width: 100%; | ||
| height: 50%; | ||
| } | ||
| .group:first-of-type { | ||
| border-bottom: 1px solid rgba(40, 40, 40, 0.2); | ||
| padding: 10px 0; | ||
| height: 40%; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| @import "/bower_components/lesshat/build/lesshat"; | ||
| @import (reference) "settings"; | ||
|
|
||
| body { | ||
| margin: 0; | ||
| font-family: @font-family_1; | ||
| } | ||
|
|
||
| .page { | ||
| .display(flex); | ||
| .flex-direction(row); | ||
|
|
||
| } | ||
|
|
||
| .header { | ||
| .display(flex); | ||
| .justify-content(flex-start); | ||
| .size(100%, 50px); | ||
| background: @color_1; | ||
| color: @color_2; | ||
| padding: 10px; | ||
|
|
||
| &-logo { | ||
| color: @color_1; | ||
| } | ||
|
|
||
| &-title { | ||
| color: @color_2; | ||
| font-size: @font-size-large; | ||
| } | ||
|
|
||
| } | ||
|
|
||
| .column { | ||
| .display(flex); | ||
| .size(35%,100%); | ||
| background: @color_1; | ||
| color: @color_2; | ||
| max-width: 350px; | ||
| overflow-y: scroll; | ||
| overflow-x: hidden; | ||
| padding: 20px 10px; | ||
| margin: 0 20px 0 0; | ||
|
|
||
| h2 { | ||
| font-size: @font-size-large; | ||
| font-weight: bold; | ||
| } | ||
| } | ||
|
|
||
| .content { | ||
| .display(flex); | ||
| .flex-direction(column); | ||
| .justify-content(space-between); | ||
| width: 100%; | ||
| padding: 0 10px; | ||
| } | ||
|
|
||
| .editor { | ||
| .display(flex); | ||
| .size(90%, 40%); | ||
| font-family: @font-family_1; | ||
| border: 1px solid fadeout(@color_1, 40%); | ||
| } | ||
|
|
||
| .button { | ||
| .border-radius(4px); | ||
| .display(flex); | ||
| .justify-content(center); | ||
| font-size:@font-size-large; | ||
| background: @color_1; | ||
| color: @color_2; | ||
| padding: 5px 15px; | ||
| text-transform: uppercase; | ||
| text-align: center; | ||
| border:0; | ||
| width: 50%; | ||
| max-width: 150px; | ||
| margin: 5px auto; | ||
| } | ||
|
|
||
| .group { | ||
| .display(flex); | ||
| .flex-direction(column); | ||
| .size(100%,50%); | ||
|
|
||
| &:first-of-type { | ||
| border-bottom: 1px solid fadeout(@color_1, 80%); | ||
| padding: 10px 0; | ||
| height: 40%; | ||
| } | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| @import url(http://fonts.googleapis.com/css?family=Open+Sans); | ||
|
|
||
| //Font weights | ||
| @light: 100; | ||
| @regular: 400; | ||
| @bold: 600; | ||
|
|
||
| //Main fonts | ||
| @font-family-sans-serif: 'Open sans', sans-serif; | ||
| @font-family-serif: serif; | ||
|
|
||
| @font-family_1: @font-family-sans-serif; | ||
|
|
||
| @font-size-base: 13px; | ||
| @font-size-large: @font-size-base * 1.25; // ~15px | ||
| @font-size-small: @font-size-base * 0.85; // ~12px | ||
| @font-size-mini: @font-size-base * 0.65; // ~11px | ||
|
|
||
| @base-line-height: 1.4; | ||
| @base-borderRadius: 1px; | ||
| @base-whitespace: 20px; | ||
|
|
||
| //Base colors | ||
|
|
||
| @color_1: rgb(40, 40, 40); | ||
| @color_2: rgb(212, 216, 223); | ||
|
|
||
| //Color mapping | ||
| @color-tap-highlight: rgba(0, 0, 0, .0); | ||
| @color-page-background: transparent; | ||
|
|
||
| //Images | ||
| @image-spinner: url('.png'); | ||
|
|
||
| //Sprites | ||
| @sprite-ui: url(''); |
Oops, something went wrong.