Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

remove links constants

Browse Source
This commit is contained in:
Sérgio Ramos 2017-01-10 14:27:44 +00:00
parent 848450e023
commit 3d3b9faa0e
4 changed files with 9 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/components/base/index.js
View File

@ -5,7 +5,7 @@ const Styled = require('styled-components');
const { const {
forms, forms,
links, colors,
tables, tables,
typography, typography,
colors colors
@ -344,13 +344,12 @@ module.exports = styled.div`
*/ */
& a { & a {
color: ${links.color}; color: ${colors.brandPrimaryLink};
text-decoration: ${links.decoration}; text-decoration: underline;
&:focus, &:focus,
&:hover { &:hover {
color: ${links.hoverColor}; text-decoration: none;
text-decoration: ${links.hoverDecoration};
} }
&:focus { &:focus {
@ -365,8 +364,7 @@ module.exports = styled.div`
&:focus, &:focus,
&:hover { &:hover {
color: ${links.hoverColor}; text-decoration: none;
text-decoration: ${links.hoverDecoration};
} }
&:focus { &:focus {

6
ui/src/shared/constants/colors.js
View File

@ -10,7 +10,8 @@ const brandPrimary = {
borderPrimary: '#2531BC', borderPrimary: '#2531BC',
borderPrimaryDark: '#2531BC', borderPrimaryDark: '#2531BC',
borderPrimaryDarkest: '#062BA0', borderPrimaryDarkest: '#062BA0',
brandPrimaryColor: '#FFFFFF' brandPrimaryColor: '#FFFFFF',
brandPrimaryLink: '#364acd'
}; };
const brandSecondary = { const brandSecondary = {
@ -20,7 +21,8 @@ const brandSecondary = {
borderSecondary: '#D8D8D8', borderSecondary: '#D8D8D8',
borderSecondaryDark: '#D8D8D8', borderSecondaryDark: '#D8D8D8',
borderSecondaryDarkest: '#D8D8D8', borderSecondaryDarkest: '#D8D8D8',
brandSecondaryColor: '#464646' brandSecondaryColor: '#464646',
brandSecondaryLink: '#ffffff'
}; };
const brandInactive = { const brandInactive = {

2
ui/src/shared/constants/index.js
View File

@ -6,7 +6,6 @@ const boxes = require('./boxes');
const typography = require('./typography'); const typography = require('./typography');
const sizes = require('./sizes'); const sizes = require('./sizes');
const breakpoints = require('./breakpoints'); const breakpoints = require('./breakpoints');
const links = require('./links');
const tables = { const tables = {
bg: 'transparent', bg: 'transparent',
@ -21,7 +20,6 @@ const constants = traverse({
colors, colors,
boxes, boxes,
forms, forms,
links,
sizes, sizes,
tables, tables,
typography typography

14
ui/src/shared/constants/links.js
View File

@ -1,14 +0,0 @@
const Color = require('color');
const links = {
color: '#364ACD',
decoration: 'none',
hoverColor: ({
color
}) => {
return Color(color).darken(0.15).hex();
},
hoverDecoration: 'underline'
};
module.exports = links;