javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

More doc shit

Browse Source
This commit is contained in:
Max Lynch
2013-09-03 17:09:23 -05:00
parent 0a8b8340c5
commit 7794ce1a7a
4 changed files with 106 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
docs/components.html
View File

@ -7,6 +7,8 @@
<title>Ionic - The Most powerful cross-platform mobile app framework.</title> <title>Ionic - The Most powerful cross-platform mobile app framework.</title>
<link href="bootstrap3.css" rel="stylesheet"> <link href="bootstrap3.css" rel="stylesheet">
<link href="pygments.css" rel="stylesheet"> <link href="pygments.css" rel="stylesheet">
<link href="docs.css" rel="stylesheet">
<link href="/dist/ionic.css" rel="stylesheet"> <link href="/dist/ionic.css" rel="stylesheet">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet"> <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
</head> </head>
@ -43,7 +45,7 @@
<div id="content"> <div id="content">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-6 col-sm-3" id="sidebar" role="navigation"> <div class="col-xs-6 col-sm-2" id="sidebar" role="navigation">
<div class="sidebar-nav"> <div class="sidebar-nav">
<ul class="list-group"> <ul class="list-group">
<a class="list-group-item" href="#buttons">Buttons</a></li> <a class="list-group-item" href="#buttons">Buttons</a></li>
@ -53,7 +55,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-9"> <div class="col-xs-6 col-sm-6">
<div class="page-header"> <div class="page-header">
<h1 id="buttons">Buttons</h1> <h1 id="buttons">Buttons</h1>
</div> </div>
@ -89,8 +91,41 @@
<button type="button" class="button button-danger">Danger</button> <button type="button" class="button button-danger">Danger</button>
</div> </div>
</div> </div>
<div class="syntax"><pre><span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">&quot;button button-primary&quot;</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/a&gt;</span> <div class="highlight">
</pre></div> <pre>
<span class="c">&lt;!-- Standard white/grey button --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-default&quot;</span><span class="nt">&gt;</span>Default<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- A secondary dark grey button --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-secondary&quot;</span><span class="nt">&gt;</span>Secondary<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- A dark button --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-dark&quot;</span><span class="nt">&gt;</span>Dark<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- A blue button that can be used in lots of places --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-primary&quot;</span><span class="nt">&gt;</span>Primary<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- A green button --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-success&quot;</span><span class="nt">&gt;</span>Success<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- A cyan button --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-info&quot;</span><span class="nt">&gt;</span>Info<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- An orange button, often used for warning messages --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-warning&quot;</span><span class="nt">&gt;</span>Warning<span class="nt">&lt;/button&gt;</span>
<span class="c">&lt;!-- Used for serious actions that have serious side effects --&gt;</span>
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;button button-danger&quot;</span><span class="nt">&gt;</span>Danger<span class="nt">&lt;/button&gt;</span>
</pre>
</div>
<h3 id="buttons-icons">Icon-only Buttons</h3>
<p>
To show a button without padding, a background, or border, add <code>.button-clear</code>. Perfect for icon-only buttons in small spaces.
</p>
</div>
<div class="col-xs-6 col-sm-4">
<div id="phone">
</div>
</div> </div>
</div> </div>
</div> </div>

5
docs/docs.css Normal file
View File

@ -0,0 +1,5 @@
#phone {
width: 320px;
height: 568px;
background-color: #eee;
}

1
docs/index.html
View File

@ -7,6 +7,7 @@
<title>Ionic - The Most powerful cross-platform mobile app framework.</title> <title>Ionic - The Most powerful cross-platform mobile app framework.</title>
<link href="bootstrap3.css" rel="stylesheet"> <link href="bootstrap3.css" rel="stylesheet">
<link href="pygments.css" rel="stylesheet"> <link href="pygments.css" rel="stylesheet">
<link href="docs.css" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Static navbar --> <!-- Static navbar -->

131
docs/pygments.css
View File

@ -1,70 +1,61 @@
.syntax pre { background: #242424; color: #f6f3e8} .hll { background-color: #ffffcc }
.syntax .hll { background-color: #ffffcc } .c { color: #999988; font-style: italic } /* Comment */
.syntax .c { color: #99968b; font-style: normal} /* Comment */ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.syntax .err { color: #f6f3e8} /* Error */ .k { color: #000000; font-weight: bold } /* Keyword */
.syntax .g { color: #f6f3e8} /* Generic */ .o { color: #000000; font-weight: bold } /* Operator */
.syntax .k { color: #8ac6f2} /* Keyword */ .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.syntax .l { color: #f6f3e8} /* Literal */ .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.syntax .n { color: #f6f3e8} /* Name */ .c1 { color: #999988; font-style: italic } /* Comment.Single */
.syntax .o { color: #f6f3e8} /* Operator */ .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.syntax .x { color: #f6f3e8} /* Other */ .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.syntax .p { color: #f6f3e8} /* Punctuation */ .ge { color: #000000; font-style: italic } /* Generic.Emph */
.syntax .cm { color: #99968b; font-style: normal} /* Comment.Multiline */ .gr { color: #aa0000 } /* Generic.Error */
.syntax .cp { color: #e5786d} /* Comment.Preproc */ .gh { color: #999999 } /* Generic.Heading */
.syntax .c1 { color: #99968b; font-style: normal} /* Comment.Single */ .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.syntax .cs { color: #99968b; font-style: normal} /* Comment.Special */ .go { color: #888888 } /* Generic.Output */
.syntax .gd { color: #f6f3e8} /* Generic.Deleted */ .gp { color: #555555 } /* Generic.Prompt */
.syntax .ge { color: #f6f3e8} /* Generic.Emph */ .gs { font-weight: bold } /* Generic.Strong */
.syntax .gr { color: #f6f3e8} /* Generic.Error */ .gu { color: #aaaaaa } /* Generic.Subheading */
.syntax .gh { color: #f6f3e8; font-weight: bold} /* Generic.Heading */ .gt { color: #aa0000 } /* Generic.Traceback */
.syntax .gi { color: #f6f3e8} /* Generic.Inserted */ .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.syntax .go { color: #808080; background-color: #303030 } /* Generic.Output */ .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.syntax .gp { color: #f6f3e8} /* Generic.Prompt */ .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.syntax .gs { color: #f6f3e8} /* Generic.Strong */ .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.syntax .gu { color: #f6f3e8; font-weight: bold} /* Generic.Subheading */ .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.syntax .gt { color: #f6f3e8} /* Generic.Traceback */ .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.syntax .kc { color: #8ac6f2} /* Keyword.Constant */ .m { color: #009999 } /* Literal.Number */
.syntax .kd { color: #8ac6f2} /* Keyword.Declaration */ .s { color: #d01040 } /* Literal.String */
.syntax .kn { color: #8ac6f2} /* Keyword.Namespace */ .na { color: #008080 } /* Name.Attribute */
.syntax .kp { color: #8ac6f2} /* Keyword.Pseudo */ .nb { color: #0086B3 } /* Name.Builtin */
.syntax .kr { color: #8ac6f2} /* Keyword.Reserved */ .nc { color: #445588; font-weight: bold } /* Name.Class */
.syntax .kt { color: #cae682} /* Keyword.Type */ .no { color: #008080 } /* Name.Constant */
.syntax .ld { color: #f6f3e8} /* Literal.Date */ .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.syntax .m { color: #e5786d} /* Literal.Number */ .ni { color: #800080 } /* Name.Entity */
.syntax .s { color: #95e454; font-style: normal} /* Literal.String */ .ne { color: #990000; font-weight: bold } /* Name.Exception */
.syntax .na { color: #cae682} /* Name.Attribute */ .nf { color: #990000; font-weight: bold } /* Name.Function */
.syntax .nb { color: #f6f3e8} /* Name.Builtin */ .nl { color: #990000; font-weight: bold } /* Name.Label */
.syntax .nc { color: #f6f3e8} /* Name.Class */ .nn { color: #555555 } /* Name.Namespace */
.syntax .no { color: #e5786d} /* Name.Constant */ .nt { color: #000080 } /* Name.Tag */
.syntax .nd { color: #f6f3e8} /* Name.Decorator */ .nv { color: #008080 } /* Name.Variable */
.syntax .ni { color: #e7f6da} /* Name.Entity */ .ow { color: #000000; font-weight: bold } /* Operator.Word */
.syntax .ne { color: #f6f3e8} /* Name.Exception */ .w { color: #bbbbbb } /* Text.Whitespace */
.syntax .nf { color: #cae682} /* Name.Function */ .mf { color: #009999 } /* Literal.Number.Float */
.syntax .nl { color: #f6f3e8} /* Name.Label */ .mh { color: #009999 } /* Literal.Number.Hex */
.syntax .nn { color: #f6f3e8} /* Name.Namespace */ .mi { color: #009999 } /* Literal.Number.Integer */
.syntax .nx { color: #f6f3e8} /* Name.Other */ .mo { color: #009999 } /* Literal.Number.Oct */
.syntax .py { color: #f6f3e8} /* Name.Property */ .sb { color: #d01040 } /* Literal.String.Backtick */
.syntax .nt { color: #8ac6f2} /* Name.Tag */ .sc { color: #d01040 } /* Literal.String.Char */
.syntax .nv { color: #cae682} /* Name.Variable */ .sd { color: #d01040 } /* Literal.String.Doc */
.syntax .ow { color: #f6f3e8} /* Operator.Word */ .s2 { color: #d01040 } /* Literal.String.Double */
.syntax .w { color: #f6f3e8} /* Text.Whitespace */ .se { color: #d01040 } /* Literal.String.Escape */
.syntax .mf { color: #e5786d} /* Literal.Number.Float */ .sh { color: #d01040 } /* Literal.String.Heredoc */
.syntax .mh { color: #e5786d} /* Literal.Number.Hex */ .si { color: #d01040 } /* Literal.String.Interpol */
.syntax .mi { color: #e5786d} /* Literal.Number.Integer */ .sx { color: #d01040 } /* Literal.String.Other */
.syntax .mo { color: #e5786d} /* Literal.Number.Oct */ .sr { color: #009926 } /* Literal.String.Regex */
.syntax .sb { color: #95e454; font-style: normal} /* Literal.String.Backtick */ .s1 { color: #d01040 } /* Literal.String.Single */
.syntax .sc { color: #95e454; font-style: normal} /* Literal.String.Char */ .ss { color: #990073 } /* Literal.String.Symbol */
.syntax .sd { color: #95e454; font-style: normal} /* Literal.String.Doc */ .bp { color: #999999 } /* Name.Builtin.Pseudo */
.syntax .s2 { color: #95e454; font-style: normal} /* Literal.String.Double */ .vc { color: #008080 } /* Name.Variable.Class */
.syntax .se { color: #95e454; font-style: normal} /* Literal.String.Escape */ .vg { color: #008080 } /* Name.Variable.Global */
.syntax .sh { color: #95e454; font-style: normal} /* Literal.String.Heredoc */ .vi { color: #008080 } /* Name.Variable.Instance */
.syntax .si { color: #95e454; font-style: normal} /* Literal.String.Interpol */ .il { color: #009999 } /* Literal.Number.Integer.Long */
.syntax .sx { color: #95e454; font-style: normal} /* Literal.String.Other */
.syntax .sr { color: #95e454; font-style: normal} /* Literal.String.Regex */
.syntax .s1 { color: #95e454; font-style: normal} /* Literal.String.Single */
.syntax .ss { color: #95e454; font-style: normal} /* Literal.String.Symbol */
.syntax .bp { color: #f6f3e8} /* Name.Builtin.Pseudo */
.syntax .vc { color: #cae682} /* Name.Variable.Class */
.syntax .vg { color: #cae682} /* Name.Variable.Global */
.syntax .vi { color: #cae682} /* Name.Variable.Instance */
.syntax .il { color: #e5786d} /* Literal.Number.Integer.Long */