mirror of
https://github.com/yldio/copilot.git
synced 2024-12-01 07:30:07 +02:00
remove links constants
This commit is contained in:
parent
848450e023
commit
3d3b9faa0e
@ -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 {
|
||||||
|
@ -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 = {
|
||||||
|
@ -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
|
||||||
|
@ -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