colorgy_style 0.0.0.1 → 0.0.0.2

data/styleguide/styleblocks/_nav.html.erb

@@ -0,0 +1,18 @@
+<ul class="nav$modifier_class">
+  <li role="presentation" class="active"><a href="#">Home</a></li>
+  <li role="presentation"><a href="#">Profile</a></li>
+  <li role="presentation"><a href="#">Messages</a></li>
+  <li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
+  <li role="presentation" class="dropdown">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
+      Dropdown <span class="caret"></span>
+    </a>
+    <ul class="dropdown-menu" role="menu">
+      <li><a href="#">Action</a></li>
+      <li><a href="#">Another action</a></li>
+      <li><a href="#">Something else here</a></li>
+      <li class="divider"></li>
+      <li><a href="#">Separated link</a></li>
+    </ul>
+  </li>
+</ul>

data/styleguide/styleblocks/_navbar.html.erb

@@ -0,0 +1,53 @@
+<nav class="navbar$modifier_class">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="#">Brand</a>
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+            <li class="divider"></li>
+            <li><a href="#">One more separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+      <form class="navbar-form navbar-left" role="search">
+        <div class="form-group">
+          <input type="text" class="form-control" placeholder="Search">
+        </div>
+        <button type="submit" class="btn btn-default">Submit</button>
+      </form>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>

data/styleguide/styleblocks/_page_header.html.erb

@@ -0,0 +1,3 @@
+<div class="page-header">
+  <h1>Example page header <small>Subtext for header</small></h1>
+</div>

data/styleguide/styleblocks/_pager.html.erb

@@ -0,0 +1,6 @@
+<nav>
+  <ul class="pager$modifier_class">
+    <li class="previous disabled"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
+    <li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
+  </ul>
+</nav>

data/styleguide/styleblocks/_pagination.html.erb

@@ -0,0 +1,19 @@
+<nav>
+  <ul class="pagination$modifier_class">
+    <li class="disabled">
+      <a href="#" aria-label="Previous">
+        <span aria-hidden="true">&laquo;</span>
+      </a>
+    </li>
+    <li class="active"><a href="#">1</a></li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li><a href="#">4</a></li>
+    <li><a href="#">5</a></li>
+    <li>
+      <a href="#" aria-label="Next">
+        <span aria-hidden="true">&raquo;</span>
+      </a>
+    </li>
+  </ul>
+</nav>

data/styleguide/styleblocks/_panel.html.erb

@@ -0,0 +1,100 @@
+<div class="panel$modifier_class">
+  <div class="panel-body">
+    Basic panel example
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-lg-6">
+    <!-- Panel with heading -->
+    <div class="panel$modifier_class">
+      <div class="panel-heading">Panel heading without title</div>
+      <div class="panel-body">
+        Panel content
+      </div>
+    </div>
+
+    <div class="panel$modifier_class">
+      <div class="panel-heading">
+        <h3 class="panel-title">Panel title</h3>
+      </div>
+      <div class="panel-body">
+        Panel content
+      </div>
+    </div>
+
+  </div><!-- /.col-lg-6 -->
+  <div class="col-lg-6">
+    <!-- Panel with footer -->
+    <div class="panel$modifier_class">
+      <div class="panel-body">
+        Panel content
+      </div>
+      <div class="panel-footer">Panel footer</div>
+    </div>
+  </div><!-- /.col-lg-6 -->
+</div>
+
+<div class="row">
+  <div class="col-lg-6">
+    <!-- Panel with tables -->
+    <div class="panel$modifier_class">
+      <!-- Default panel contents -->
+      <div class="panel-heading">Panel heading</div>
+      <div class="panel-body">
+        <p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      </div>
+
+      <!-- Table -->
+      <table class="table">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div><!-- /.col-lg-6 -->
+  <div class="col-lg-6">
+    <!-- Panel with list groups -->
+    <div class="panel$modifier_class">
+      <!-- Default panel contents -->
+      <div class="panel-heading">Panel heading</div>
+      <div class="panel-body">
+        <p>...</p>
+      </div>
+
+      <!-- List group -->
+      <ul class="list-group">
+        <li class="list-group-item">Cras justo odio</li>
+        <li class="list-group-item">Dapibus ac facilisis in</li>
+        <li class="list-group-item">Morbi leo risus</li>
+        <li class="list-group-item">Porta ac consectetur ac</li>
+        <li class="list-group-item">Vestibulum at eros</li>
+      </ul>
+    </div>
+  </div><!-- /.col-lg-6 -->
+</div>

data/styleguide/styleblocks/_progress_bar.html.erb

@@ -0,0 +1,12 @@
+<div class="progress">
+  <div class="progress-bar$modifier_class" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
+    <span class="sr-only">70% Complete</span>
+  </div>
+</div>
+
+<!-- With label -->
+<div class="progress">
+  <div class="progress-bar$modifier_class" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
+    60%
+  </div>
+</div>

data/styleguide/styleblocks/_thumbnail.html.erb

@@ -0,0 +1,56 @@
+<div class="row">
+  <div class="col-xs-6 col-md-3">
+    <a href="#" class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x180">
+    </a>
+  </div>
+  <div class="col-xs-6 col-md-3">
+    <a href="#" class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x180">
+    </a>
+  </div>
+  <div class="col-xs-6 col-md-3">
+    <a href="#" class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x180">
+    </a>
+  </div>
+  <div class="col-xs-6 col-md-3">
+    <a href="#" class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x180">
+    </a>
+  </div>
+</div>
+
+<!-- Custom content -->
+<div class="row">
+  <div class="col-sm-6 col-md-4">
+    <div class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x200">
+      <div class="caption">
+        <h3 id="thumbnail-label">Thumbnail label<a class="anchorjs-link" href="#thumbnail-label"><span class="anchorjs-icon"></span></a></h3>
+        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6 col-md-4">
+    <div class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x200">
+      <div class="caption">
+        <h3 id="thumbnail-label">Thumbnail label<a class="anchorjs-link" href="#thumbnail-label"><span class="anchorjs-icon"></span></a></h3>
+        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6 col-md-4">
+    <div class="thumbnail$modifier_class">
+      <img data-src="holder.js/100%x200">
+      <div class="caption">
+        <h3 id="thumbnail-label">Thumbnail label<a class="anchorjs-link" href="#thumbnail-label"><span class="anchorjs-icon"></span></a></h3>
+        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+      </div>
+    </div>
+  </div>
+</div>

data/styleguide/styleblocks/_toast.html.erb

@@ -0,0 +1,35 @@
+<div class="toast$modifier_class">
+  <div class="toast-content">
+    <div class="toast-message">Inconceivable!</div>
+  </div>
+</div>
+
+<!-- Toast with a title -->
+<div class="toast$modifier_class">
+  <div class="toast-content">
+    <div class="toast-title">CodeSeven</div>
+    <div class="toast-message">Have fun storming the castle!</div>
+  </div>
+</div>
+
+<!-- Toast with actions -->
+<div class="toast$modifier_class">
+  <div class="toast-content">
+    <div class="toast-message">It will be done</div>
+  </div>
+  <div class="toast-actions">
+    <button type="button" class="btn primary">Cancel</button>
+  </div>
+</div>
+
+<!-- Toast with two actions -->
+<div class="toast$modifier_class">
+  <div class="toast-content">
+    <div class="toast-title">CodeSeven</div>
+    <div class="toast-message">Have fun storming the castle!</div>
+  </div>
+  <div class="toast-actions">
+    <a class="btn">Close me</a>
+    <button type="button" class="btn">Surprise me</button>
+  </div>
+</div>

data/styleguide/styleblocks/_well.html.erb

@@ -0,0 +1 @@
+<div class="well$modifier_class">Look, I'm in a well!</div>

data/styleguide/stylesheets/styleguide/styles.scss

@@ -48,6 +48,20 @@
 		position: relative;
 		padding: em(12);
 
+		> .sg-example,
+		> * {
+			margin-bottom: em(12);
+			margin-right: em(4);
+		}
+
+		> hr {
+			margin: 0;
+			margin-top: em(10);
+			margin-bottom: em(10);
+			border: 0;
+			border-top: 1px solid #eeeeee;
+		}
+
 		+ .styleguide-element {
 			margin-top: em(2);
 			padding-top: em(10);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: colorgy_style
 version: !ruby/object:Gem::Version
-  version: 0.0.0.1
+  version: 0.0.0.2
 platform: ruby
 authors:
 - Neson
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-06-02 00:00:00.000000000 Z
+date: 2015-06-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -237,10 +237,17 @@ files:
 - assets/fonts/colorgy/.keep
 - assets/images/colorgy/.keep
 - assets/javascripts/colorgy.js
+- assets/javascripts/colorgy/addons/holder.js
+- assets/javascripts/colorgy/components/alert.js
+- assets/javascripts/colorgy/components/dropdown.js
+- assets/javascripts/colorgy/flash.js
+- assets/javascripts/colorgy/lib/interactiveStyle.js
+- assets/javascripts/colorgy/lib/jquery.getOrAddChild.js
 - assets/javascripts/colorgy/main.js
 - assets/javascripts/colorgy/modernizr.js
 - assets/javascripts/colorgy/modernizr/classifier.coffee
 - assets/javascripts/vendor/es5-shim.js
+- assets/javascripts/vendor/holder.js
 - assets/javascripts/vendor/modernizr.js
 - assets/javascripts/vendor/modernizr/feature-detects/a-download.js
 - assets/javascripts/vendor/modernizr/feature-detects/audio-audiodata-api.js
@@ -345,17 +352,39 @@ files:
 - assets/javascripts/vendor/modernizr/feature-detects/workers-blobworkers.js
 - assets/javascripts/vendor/modernizr/feature-detects/workers-dataworkers.js
 - assets/javascripts/vendor/modernizr/feature-detects/workers-sharedworkers.js
+- assets/javascripts/vendor/toastr.js
 - assets/stylesheets/colorgy.scss
-- assets/stylesheets/colorgy/components/.keep
+- assets/stylesheets/colorgy/components/_alert.scss
+- assets/stylesheets/colorgy/components/_badge.scss
+- assets/stylesheets/colorgy/components/_breadcrumb.scss
 - assets/stylesheets/colorgy/components/_button.scss
+- assets/stylesheets/colorgy/components/_button_group.scss
+- assets/stylesheets/colorgy/components/_dropdown.scss
+- assets/stylesheets/colorgy/components/_input_group.scss
+- assets/stylesheets/colorgy/components/_label.scss
+- assets/stylesheets/colorgy/components/_list_group.scss
+- assets/stylesheets/colorgy/components/_media.scss
+- assets/stylesheets/colorgy/components/_nav.scss
+- assets/stylesheets/colorgy/components/_navbar.scss
+- assets/stylesheets/colorgy/components/_page_header.scss
+- assets/stylesheets/colorgy/components/_pager.scss
+- assets/stylesheets/colorgy/components/_pagination.scss
+- assets/stylesheets/colorgy/components/_panel.scss
+- assets/stylesheets/colorgy/components/_progress_bar.scss
+- assets/stylesheets/colorgy/components/_thumbnail.scss
+- assets/stylesheets/colorgy/components/_toast.scss
+- assets/stylesheets/colorgy/components/_well.scss
 - assets/stylesheets/colorgy/core/_base.scss
 - assets/stylesheets/colorgy/core/_config.scss
 - assets/stylesheets/colorgy/core/_fonts.scss
 - assets/stylesheets/colorgy/core/_grid.scss
 - assets/stylesheets/colorgy/core/_helpers.scss
+- assets/stylesheets/colorgy/core/_tools.scss
 - assets/stylesheets/colorgy/layouts/.keep
+- assets/stylesheets/colorgy/layouts/_default.scss
 - assets/stylesheets/colorgy/main.scss
-- assets/stylesheets/colorgy/structures/.keep
+- assets/stylesheets/colorgy/structures/_jumbotron.scss
+- assets/stylesheets/vendor/animate.scss
 - bin/console
 - bin/server
 - bin/setup
@@ -372,7 +401,26 @@ files:
 - styleguide/layouts/default.erb
 - styleguide/layouts/layout.erb
 - styleguide/styleblocks/.keep
+- styleguide/styleblocks/_alert.html.erb
+- styleguide/styleblocks/_badge.html.erb
+- styleguide/styleblocks/_breadcrumb.html.erb
 - styleguide/styleblocks/_button.html.erb
+- styleguide/styleblocks/_button_group.html.erb
+- styleguide/styleblocks/_dropdown.html.erb
+- styleguide/styleblocks/_input_group.html.erb
+- styleguide/styleblocks/_label.html.erb
+- styleguide/styleblocks/_list_group.html.erb
+- styleguide/styleblocks/_media.html.erb
+- styleguide/styleblocks/_nav.html.erb
+- styleguide/styleblocks/_navbar.html.erb
+- styleguide/styleblocks/_page_header.html.erb
+- styleguide/styleblocks/_pager.html.erb
+- styleguide/styleblocks/_pagination.html.erb
+- styleguide/styleblocks/_panel.html.erb
+- styleguide/styleblocks/_progress_bar.html.erb
+- styleguide/styleblocks/_thumbnail.html.erb
+- styleguide/styleblocks/_toast.html.erb
+- styleguide/styleblocks/_well.html.erb
 - styleguide/stylesheets/all.css
 - styleguide/stylesheets/styleguide/_prism.css
 - styleguide/stylesheets/styleguide/styles.scss
@@ -400,3 +448,4 @@ signing_key:
 specification_version: 4
 summary: The front-end bundle and style guide for Colorgy.
 test_files: []
+has_rdoc: