Skip to content

First pass at theming #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
higgisp wants to merge 1 commit into
base: design-studio
Choose a base branch
from
Open

First pass at theming #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion css/.global-stats.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
## Design
`v0.2.16` - *generated on Jan 20 2017*
`v0.2.16` - *generated on Jan 27 2017*
### Stats
#### css/global.min.css
|Stat|Metric|
Expand Down
2 changes: 1 addition & 1 deletion css/.mx-stats.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
## Design
`v0.2.16` - *generated on Jan 20 2017*
`v0.2.16` - *generated on Jan 27 2017*
### Stats
#### css/mx.min.css
|Stat|Metric|
Expand Down
2 changes: 1 addition & 1 deletion docs/contents/components/00-index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: "Component Library"
theme: "key-lime"
theme: "red-velvet"
template: toc.hbs
---

4 changes: 2 additions & 2 deletions docs/contents/mx/00-index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: "Member Experience (MX)"
theme: "cotton-candy"
theme: "key-lime"
template: toc.hbs
stylesheet: "/css/mx-styleguide.css"
---

MX is built on top of Daxko's common components, but adds specialized components and colors made specifically to serve members and to match the client's branding.

<link id="theme" rel="stylesheet" href="/css/themes/theme-ymca-green-blue.css">
<link id="theme" rel="stylesheet" href="/css/themes/theme-ymca-red-orange.css">

<div class="dropdown toggle-theme tooltip tooltip-w" id="toggle-theme" aria-label="Change Theme">
<button type="button" class="btn" data-toggle="dropdown" aria-expanded="false">
Expand Down
11 changes: 11 additions & 0 deletions docs/contents/mx/01-theming.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,17 @@ For simple text components, you can use a <code>.theme--_**level**_-_**shade**_<
<h5 class="theme--secondary-dark">Theme Secondary Color (Dark)</h5>
<h5 class="theme--secondary-med">Theme Secondary Color (Medium)</h5>
<h5 class="theme--secondary-light">Theme Secondary Color (Light)</h5>

<div class="dropdown">
<button type="button" class="btn" data-toggle="dropdown" aria-expanded="false">
Dropdown <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#" class="dropdown-menu-item">Bacon</a></li>
<li><a href="#" class="dropdown-menu-item">Ham</a></li>
<li><a href="#" class="dropdown-menu-item">Sausage</a></li>
</ul>
</div>
{{/example}}

### Advanced Theming
Expand Down
5 changes: 5 additions & 0 deletions docs/contents/theming/00-index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
title: "Theming"
theme: "cotton-candy"
template: toc.hbs
---
13 changes: 13 additions & 0 deletions docs/contents/theming/01-ops.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
## OPS

<div class="details cotton-candy">
<h3>Cotton Candy</h3>
<dl class="hex">
<dt>Hex</dt>
<dd>#a5dbd8</dd>
</dl>
<dl class="rgb">
<dt>RGB</dt>
<dd>rgb(156, 220, 217)</dd>
</dl>
</div>
13 changes: 13 additions & 0 deletions docs/contents/theming/02-accounting.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
## Accounting

<div class="details key-lime">
<h3>Key Lime</h3>
<dl class="hex">
<dt>Hex</dt>
<dd>#b3ba5a</dd>
</dl>
<dl class="rgb">
<dt>RGB</dt>
<dd>rgb(162, 173, 0)</dd>
</dl>
</div>
13 changes: 13 additions & 0 deletions docs/contents/theming/03-engage.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
## Engage

<div class="details key-lime">
<h3>Key Lime</h3>
<dl class="hex">
<dt>Hex</dt>
<dd>#b3ba5a</dd>
</dl>
<dl class="rgb">
<dt>RGB</dt>
<dd>rgb(162, 173, 0)</dd>
</dl>
</div>
13 changes: 13 additions & 0 deletions docs/contents/theming/04-mobile-portal.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
## Mobile Portal

<div class="details cotton-candy">
<h3>Cotton Candy</h3>
<dl class="hex">
<dt>Hex</dt>
<dd>#a5dbd8</dd>
</dl>
<dl class="rgb">
<dt>RGB</dt>
<dd>rgb(156, 220, 217)</dd>
</dl>
</div>
1 change: 1 addition & 0 deletions docs/templates/layout.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
<li><a href="/color/">color</a></li>
<li><a href="/style/">style</a></li>
<li><a href="/components/">components</a></li>
<li><a href="/theming/">theming</a></li>
<li><a href="/mx/">mx</a></li>
</ul>
</div>
Expand Down