This repository has been archived by the owner on May 3, 2021. It is now read-only.
forked from HealthCatalyst/Fabric.Cashmere
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #15 from WCF-Insurance/dev
button fixes
- Loading branch information
Showing
30 changed files
with
3,925 additions
and
31 deletions.
There are no files selected for viewing
3 changes: 3 additions & 0 deletions
3
...shmere-examples/src/lib/button-anchor/button-anchor-example.component_20190201100859.html
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,3 @@ | ||
<a hc-button title="Primary Anchor Button" buttonStyle="primary">Primary</a> | ||
<a hc-button title="Destructive Anchor Button" buttonStyle="destructive">Destructive</a> | ||
<a hc-button title="Disabled Anchor Button" buttonStyle="primary" disabled>Diasabled</a> |
3 changes: 3 additions & 0 deletions
3
...shmere-examples/src/lib/button-anchor/button-anchor-example.component_20190204085036.html
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,3 @@ | ||
<a hc-button title="Primary Anchor Button" buttonStyle="primary">Primary</a> | ||
<a hc-button title="Secondary Anchor Button" buttonStyle="primary-alt">Secondary</a> | ||
<a hc-button title="Disabled Anchor Button" buttonStyle="primary" disabled>Diasabled</a> |
20 changes: 20 additions & 0 deletions
20
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190201100859.html
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,20 @@ | ||
<!--<div>--> | ||
<!--<button hc-button title="Primary Button" buttonStyle="primary">Primary</button>--> | ||
<!--<button hc-button title="Primary-Alt Button" buttonStyle="primary-alt">Primary Alt</button>--> | ||
<!--<button hc-button title="Destructive Button" buttonStyle="destructive">Destructive</button>--> | ||
<!--<button hc-button title="Neutral Button" buttonStyle="neutral">Neutral</button>--> | ||
<!--</div>--> | ||
|
||
<!--<div>--> | ||
<!--<button hc-button title="Secondary Button" buttonStyle="secondary">Secondary</button>--> | ||
<!--<button hc-button title="Minimal Button" buttonStyle="minimal">--> | ||
<!--<hc-icon fontSet="fa" fontIcon="fa-print" class="icon-left"></hc-icon>Minimal--> | ||
<!--</button>--> | ||
<!--</div>--> | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="primary-alt">Primary Alt</button> | ||
<button hc-button title="Minimal Button" buttonStyle="minimal"> | ||
<hc-icon fontSet="fa" fontIcon="fa-print" class="icon-left"></hc-icon>Minimal | ||
</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190201142021.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="Secondary">Secondary</button> | ||
<button hc-button title="Minimal Button" buttonStyle="minimal">Minimal</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190201142031.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="secondary">Secondary</button> | ||
<button hc-button title="Minimal Button" buttonStyle="minimal">Minimal</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190204083518.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="secondary">Secondary</button> | ||
<button hc-button title="Disabled Button" buttonStyle="disabled" disabled>Disabled</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190204083601.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="primary-Alt">Secondary</button> | ||
<button hc-button title="Disabled Button" buttonStyle="disabled" disabled>Disabled</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190204083941.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="primary-alt">Secondary</button> | ||
<button hc-button title="Disabled Button" buttonStyle="disabled" disabled>Disabled</button> | ||
</div> |
5 changes: 5 additions & 0 deletions
5
...s/cashmere-examples/src/lib/button-type/button-type-example.component_20190204084249.html
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,5 @@ | ||
<div> | ||
<button hc-button title="Primary Button" buttonStyle="primary">Primary</button> | ||
<button hc-button title="Primary-Alt Button" buttonStyle="primary-alt">Secondary</button> | ||
<button hc-button title="Disabled Button" buttonStyle="primary" disabled>Disabled</button> | ||
</div> |
75 changes: 75 additions & 0 deletions
75
.history/projects/cashmere/src/lib/sass/_colors_20190201141124.scss
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,75 @@ | ||
// Primary Palette | ||
$blue: #00aeff; | ||
$green: #00a859; | ||
$purple: #6e53a3; | ||
$red: #f13c45; | ||
$orange: #f8961d; | ||
|
||
//WCF Color Palette | ||
$wcf-red: #ba160a; | ||
$red-bg: #f7e2e1; | ||
$secondary-blue: #829cad; | ||
$success: #1ec834; | ||
$success-bg: #e3f9e6; | ||
$warning: #ecac17; | ||
$warning-bg: #fdf5e2; | ||
$error: #f12e49; | ||
$error-bg: #fee5e9; | ||
$info: #00aeff; | ||
$info-bg: #dff4ff; | ||
$white: #ffffff; | ||
$gray-05: #e9eaeb; | ||
$gray-10: #d7d8da; | ||
$gray-30: #afb2b4; | ||
$gray-50: #878b8f; | ||
$gray-70: #5e646a; | ||
$gray-90: #363e44; | ||
$black: #0e171f; | ||
|
||
// Neutral Palette | ||
$offblack: #333; | ||
$shadow: rgba(0, 0, 0, 0.15); | ||
$dark-blue: #006d9a; | ||
$charcoal-blue: #384655; | ||
$slate-blue: #262f34; | ||
|
||
$slate-gray-100: #f0f3f6; | ||
$slate-gray-200: #d7dde4; | ||
$slate-gray-300: #c0c5cc; | ||
$slate-gray-400: #708090; | ||
$slate-gray-500: #5e676f; | ||
$slate-gray-600: #4f565c; | ||
|
||
$gray-100: #f1f1f1; | ||
$gray-200: #e0e0e0; | ||
$gray-300: #cccccc; | ||
$gray-400: #a1a1a1; | ||
$gray-500: #6d6e70; | ||
$gray-600: #515353; | ||
|
||
// Secondary Palette | ||
$ruby-red: #951c1e; | ||
$deep-red: #cc2027; | ||
$red-orange: #f05323; | ||
$pink: #ef4767; | ||
$light-pink: #f8c8db; | ||
$brown: #553e36; | ||
$magenta: #a94c9d; | ||
$purple-gray: #776c7f; | ||
$azure: #007bff; | ||
$teal: #00acac; | ||
$dark-green: #006c4e; | ||
$light-green: #9fd4ae; | ||
$tan: #ebba82; | ||
$yellow: #f5ed56; | ||
$yellow-orange: #e7c447; | ||
|
||
// General Color Vars | ||
$primary-brand: $blue; | ||
$primary-action: $wcf-red; | ||
$primary-alt-action: $wcf-blue; | ||
$destructive-action: $wcf-error; | ||
$neutral-action: $gray-500; | ||
$error: $deep-red; | ||
$text: $offblack; | ||
$block-text-background: $gray-100; |
75 changes: 75 additions & 0 deletions
75
.history/projects/cashmere/src/lib/sass/_colors_20190201141248.scss
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,75 @@ | ||
// Primary Palette | ||
$blue: #00aeff; | ||
$green: #00a859; | ||
$purple: #6e53a3; | ||
$red: #f13c45; | ||
$orange: #f8961d; | ||
|
||
//WCF Color Palette | ||
$wcf-red: #ba160a; | ||
$red-bg: #f7e2e1; | ||
$secondary-blue: #829cad; | ||
$success: #1ec834; | ||
$success-bg: #e3f9e6; | ||
$warning: #ecac17; | ||
$warning-bg: #fdf5e2; | ||
$error: #f12e49; | ||
$error-bg: #fee5e9; | ||
$info: #00aeff; | ||
$info-bg: #dff4ff; | ||
$white: #ffffff; | ||
$gray-05: #e9eaeb; | ||
$gray-10: #d7d8da; | ||
$gray-30: #afb2b4; | ||
$gray-50: #878b8f; | ||
$gray-70: #5e646a; | ||
$gray-90: #363e44; | ||
$black: #0e171f; | ||
|
||
// Neutral Palette | ||
$offblack: #333; | ||
$shadow: rgba(0, 0, 0, 0.15); | ||
$dark-blue: #006d9a; | ||
$charcoal-blue: #384655; | ||
$slate-blue: #262f34; | ||
|
||
$slate-gray-100: #f0f3f6; | ||
$slate-gray-200: #d7dde4; | ||
$slate-gray-300: #c0c5cc; | ||
$slate-gray-400: #708090; | ||
$slate-gray-500: #5e676f; | ||
$slate-gray-600: #4f565c; | ||
|
||
$gray-100: #f1f1f1; | ||
$gray-200: #e0e0e0; | ||
$gray-300: #cccccc; | ||
$gray-400: #a1a1a1; | ||
$gray-500: #6d6e70; | ||
$gray-600: #515353; | ||
|
||
// Secondary Palette | ||
$ruby-red: #951c1e; | ||
$deep-red: #cc2027; | ||
$red-orange: #f05323; | ||
$pink: #ef4767; | ||
$light-pink: #f8c8db; | ||
$brown: #553e36; | ||
$magenta: #a94c9d; | ||
$purple-gray: #776c7f; | ||
$azure: #007bff; | ||
$teal: #00acac; | ||
$dark-green: #006c4e; | ||
$light-green: #9fd4ae; | ||
$tan: #ebba82; | ||
$yellow: #f5ed56; | ||
$yellow-orange: #e7c447; | ||
|
||
// General Color Vars | ||
$primary-brand: $blue; | ||
$primary-action: $wcf-red; | ||
$primary-alt-action: $secondary-blue; | ||
$destructive-action: $error; | ||
$neutral-action: $gray-500; | ||
$error: $deep-red; | ||
$text: $offblack; | ||
$block-text-background: $gray-100; |
76 changes: 76 additions & 0 deletions
76
.history/projects/cashmere/src/lib/sass/_colors_20190204085646.scss
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,76 @@ | ||
// Primary Palette | ||
$blue: #00aeff; | ||
$green: #00a859; | ||
$purple: #6e53a3; | ||
$red: #f13c45; | ||
$orange: #f8961d; | ||
|
||
//WCF Color Palette | ||
$wcf-red: #ba160a; | ||
$red-bg: #f7e2e1; | ||
$secondary-blue: #829cad; | ||
$success: #1ec834; | ||
$success-bg: #e3f9e6; | ||
$warning: #ecac17; | ||
$warning-bg: #fdf5e2; | ||
$error: #f12e49; | ||
$error-bg: #fee5e9; | ||
$info: #00aeff; | ||
$info-bg: #dff4ff; | ||
$white: #ffffff; | ||
$gray-02: #f6f7f7; | ||
$gray-05: #e9eaeb; | ||
$gray-10: #d7d8da; | ||
$gray-30: #afb2b4; | ||
$gray-50: #878b8f; | ||
$gray-70: #5e646a; | ||
$gray-90: #363e44; | ||
$black: #0e171f; | ||
|
||
// Neutral Palette | ||
$offblack: #333; | ||
$shadow: rgba(0, 0, 0, 0.15); | ||
$dark-blue: #006d9a; | ||
$charcoal-blue: #384655; | ||
$slate-blue: #262f34; | ||
|
||
$slate-gray-100: #f0f3f6; | ||
$slate-gray-200: #d7dde4; | ||
$slate-gray-300: #c0c5cc; | ||
$slate-gray-400: #708090; | ||
$slate-gray-500: #5e676f; | ||
$slate-gray-600: #4f565c; | ||
|
||
$gray-100: #f1f1f1; | ||
$gray-200: #e0e0e0; | ||
$gray-300: #cccccc; | ||
$gray-400: #a1a1a1; | ||
$gray-500: #6d6e70; | ||
$gray-600: #515353; | ||
|
||
// Secondary Palette | ||
$ruby-red: #951c1e; | ||
$deep-red: #cc2027; | ||
$red-orange: #f05323; | ||
$pink: #ef4767; | ||
$light-pink: #f8c8db; | ||
$brown: #553e36; | ||
$magenta: #a94c9d; | ||
$purple-gray: #776c7f; | ||
$azure: #007bff; | ||
$teal: #00acac; | ||
$dark-green: #006c4e; | ||
$light-green: #9fd4ae; | ||
$tan: #ebba82; | ||
$yellow: #f5ed56; | ||
$yellow-orange: #e7c447; | ||
|
||
// General Color Vars | ||
$primary-brand: $blue; | ||
$primary-action: $wcf-red; | ||
$primary-alt-action: $secondary-blue; | ||
$destructive-action: $error; | ||
$neutral-action: $gray-500; | ||
$error: $deep-red; | ||
$text: $offblack; | ||
$block-text-background: $gray-100; |
40 changes: 40 additions & 0 deletions
40
.history/projects/cashmere/src/lib/sass/_mixins_20190201100859.scss
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,40 @@ | ||
@import 'variables'; | ||
@import 'functions'; | ||
|
||
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint. | ||
// Makes the @content apply to the given breakpoint and wider. | ||
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) { | ||
$min: map-get($breakpoints, $name); | ||
@if $min { | ||
@media (min-width: $min) { | ||
@content; | ||
} | ||
} @else { | ||
@content; | ||
} | ||
} | ||
|
||
// Media of at most the maximum breakpoint width. No query for the largest breakpoint. | ||
// Makes the @content apply to the given breakpoint and narrower. | ||
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) { | ||
$max: map-get($breakpoints, $name); | ||
@if $max { | ||
@media (max-width: $max) { | ||
@content; | ||
} | ||
} @else { | ||
@content; | ||
} | ||
} | ||
|
||
@mixin fontSize($size) { | ||
font-size: calculateRem($size); | ||
} | ||
|
||
@mixin clearfix() { | ||
&::after { | ||
display: block; | ||
clear: both; | ||
content: ''; | ||
} | ||
} |
Oops, something went wrong.