chore(deps): update dependency stylelint-config-recommended to v7 (#6228)
This commit is contained in:
@ -34,7 +34,7 @@ const AuthInput = styled.input`
|
||||
border-radius: ${lengths.borderRadius};
|
||||
|
||||
font-size: 14px;
|
||||
padding: 10px 10px;
|
||||
padding: 10px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 6px;
|
||||
width: 100%;
|
||||
|
@ -50,8 +50,8 @@ const SuggestionsContainer = styled.div`
|
||||
const Suggestions = styled.ul`
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 10px 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
@ -62,7 +62,7 @@ const Suggestions = styled.ul`
|
||||
`;
|
||||
|
||||
const SuggestionHeader = styled.li`
|
||||
padding: 0px 6px 6px 32px;
|
||||
padding: 0 6px 6px 32px;
|
||||
font-size: 12px;
|
||||
color: ${colors.text};
|
||||
`;
|
||||
|
@ -21,6 +21,7 @@ const ListCardLink = styled(Link)`
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
padding: 16px 22px;
|
||||
|
||||
&:hover {
|
||||
background-color: ${colors.foreground};
|
||||
}
|
||||
@ -39,6 +40,7 @@ const GridCardLink = styled(Link)`
|
||||
display: block;
|
||||
height: 100%;
|
||||
outline-offset: -2px;
|
||||
|
||||
&,
|
||||
&:hover {
|
||||
background-color: ${colors.foreground};
|
||||
|
@ -59,7 +59,7 @@ const DraftText = styled.p`
|
||||
background-color: ${colors.mediaDraftBackground};
|
||||
position: absolute;
|
||||
padding: 8px;
|
||||
border-radius: ${lengths.borderRadius} 0px ${lengths.borderRadius} 0;
|
||||
border-radius: ${lengths.borderRadius} 0 ${lengths.borderRadius} 0;
|
||||
`;
|
||||
|
||||
class MediaLibraryCard extends React.Component {
|
||||
|
@ -47,7 +47,7 @@ exports[`MediaLibraryCard should match snapshot for draft image 1`] = `
|
||||
background-color: #f6d8ff;
|
||||
position: absolute;
|
||||
padding: 8px;
|
||||
border-radius: 5px 0px 5px 0;
|
||||
border-radius: 5px 0 5px 0;
|
||||
}
|
||||
|
||||
<div
|
||||
|
@ -121,7 +121,7 @@ const StyledLoader = styled(Loader)`
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: 0px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
z-index: ${zIndex.zIndex1000};
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
@ -132,9 +132,9 @@ const StyledLoader = styled(Loader)`
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 50%;
|
||||
width: 2.28571429rem;
|
||||
height: 2.28571429rem;
|
||||
margin: 0em 0em 0em -1.14285714rem;
|
||||
width: 2.2857rem;
|
||||
height: 2.2857rem;
|
||||
margin: 0 0 0 -1.1429rem;
|
||||
border-radius: 500rem;
|
||||
border-style: solid;
|
||||
border-width: 0.2em;
|
||||
@ -150,7 +150,7 @@ const StyledLoader = styled(Loader)`
|
||||
animation: ${animations.loader} 0.6s linear;
|
||||
animation-iteration-count: infinite;
|
||||
border-color: ${colors.active} transparent transparent;
|
||||
box-shadow: 0px 0px 0px 1px transparent;
|
||||
box-shadow: 0 0 0 1px transparent;
|
||||
}
|
||||
`;
|
||||
|
||||
|
@ -302,8 +302,8 @@ const components = {
|
||||
color: ${colorsRaw.red};
|
||||
`,
|
||||
loaderSize: css`
|
||||
width: 2.28571429rem;
|
||||
height: 2.28571429rem;
|
||||
width: 2.2857rem;
|
||||
height: 2.2857rem;
|
||||
`,
|
||||
cardTop: css`
|
||||
${card};
|
||||
|
@ -272,7 +272,7 @@ export default class CodeControl extends React.Component {
|
||||
id={forID}
|
||||
className={css`
|
||||
height: 100%;
|
||||
border-radius: 0 3px 3px 3px;
|
||||
border-radius: 0 3px 3px;
|
||||
overflow: hidden;
|
||||
|
||||
.CodeMirror {
|
||||
|
@ -70,10 +70,10 @@ const ColorPickerContainer = styled.div`
|
||||
// fullscreen div to close color picker when clicking outside of picker
|
||||
const ClickOutsideDiv = styled.div`
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
`;
|
||||
|
||||
export default class ColorControl extends React.Component {
|
||||
|
Reference in New Issue
Block a user