remove links constants
This commit is contained in:
parent
848450e023
commit
3d3b9faa0e
@ -5,7 +5,7 @@ const Styled = require('styled-components');
|
||||
|
||||
const {
|
||||
forms,
|
||||
links,
|
||||
colors,
|
||||
tables,
|
||||
typography,
|
||||
colors
|
||||
@ -344,13 +344,12 @@ module.exports = styled.div`
|
||||
*/
|
||||
|
||||
& a {
|
||||
color: ${links.color};
|
||||
text-decoration: ${links.decoration};
|
||||
color: ${colors.brandPrimaryLink};
|
||||
text-decoration: underline;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: ${links.hoverColor};
|
||||
text-decoration: ${links.hoverDecoration};
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
@ -365,8 +364,7 @@ module.exports = styled.div`
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: ${links.hoverColor};
|
||||
text-decoration: ${links.hoverDecoration};
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
|
@ -10,7 +10,8 @@ const brandPrimary = {
|
||||
borderPrimary: '#2531BC',
|
||||
borderPrimaryDark: '#2531BC',
|
||||
borderPrimaryDarkest: '#062BA0',
|
||||
brandPrimaryColor: '#FFFFFF'
|
||||
brandPrimaryColor: '#FFFFFF',
|
||||
brandPrimaryLink: '#364acd'
|
||||
};
|
||||
|
||||
const brandSecondary = {
|
||||
@ -20,7 +21,8 @@ const brandSecondary = {
|
||||
borderSecondary: '#D8D8D8',
|
||||
borderSecondaryDark: '#D8D8D8',
|
||||
borderSecondaryDarkest: '#D8D8D8',
|
||||
brandSecondaryColor: '#464646'
|
||||
brandSecondaryColor: '#464646',
|
||||
brandSecondaryLink: '#ffffff'
|
||||
};
|
||||
|
||||
const brandInactive = {
|
||||
|
@ -6,7 +6,6 @@ const boxes = require('./boxes');
|
||||
const typography = require('./typography');
|
||||
const sizes = require('./sizes');
|
||||
const breakpoints = require('./breakpoints');
|
||||
const links = require('./links');
|
||||
|
||||
const tables = {
|
||||
bg: 'transparent',
|
||||
@ -21,7 +20,6 @@ const constants = traverse({
|
||||
colors,
|
||||
boxes,
|
||||
forms,
|
||||
links,
|
||||
sizes,
|
||||
tables,
|
||||
typography
|
||||
|
@ -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;
|
Loading…
Reference in New Issue
Block a user