Skip to content

Commit

Permalink
Merge pull request #135 from BrightspaceUI/colors-2.4.0
Browse files Browse the repository at this point in the history
applying color changes from design.d2l
  • Loading branch information
dlockhart authored Jun 21, 2017
2 parents 0e01b05 + 1f98d07 commit fdb0397
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 7 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ iron-icon {
If you'd like a different color when the user hovers:
```css
button:hover iron-icon, button:focus iron-icon {
color: var(--d2l-color-celestuba);
color: var(--d2l-color-celestine-minus-1);
}
```

Expand Down Expand Up @@ -104,7 +104,7 @@ The color will default to tungsten, and the size will be set automatically based
To swap the color on-hover:
```css
button:hover d2l-icon, button:focus d2l-icon {
color: var(--d2l-color-celestuba);
color: var(--d2l-color-celestine-minus-1);
}
```

Expand Down
6 changes: 3 additions & 3 deletions bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,13 +27,13 @@
"package.json"
],
"dependencies": {
"d2l-colors": "^2.2.3",
"d2l-colors": "^2.4.0",
"d2l-offscreen": "^2.2.1",
"iron-iconset-svg": "polymerelements/iron-iconset-svg#^1.0.0",
"polymer": "^1.7.0"
"polymer": "^1.9.0"
},
"devDependencies": {
"d2l-demo-template": "~0.0.8",
"d2l-demo-template": "^0.0.12",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.1.5",
"web-component-tester": "^4.2.2"
}
Expand Down
2 changes: 1 addition & 1 deletion d2l-icon-button-shared-styles.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
transition: color 0.3s ease;
};
--d2l-icon-button-icon-hover: {
color: var(--d2l-color-celestuba);
color: var(--d2l-color-celestine-minus-1);
};
}

Expand Down
2 changes: 1 addition & 1 deletion demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<link rel="import" href="../d2l-icons.html">
<style is="custom-style">
.color-override d2l-icon {
color: var(--d2l-color-celestuba);
color: var(--d2l-color-celestine-minus-1);
}
.size-override d2l-icon {
--d2l-icon-height: 50px;
Expand Down

0 comments on commit fdb0397

Please sign in to comment.