Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
contain important terms, conditions and information that apply to
all bidders. By bidding in an auction on Artsy, you are accepting
our <a href="/conditions-of-sale">Conditions of Sale</a>. Please
read them carefully before bidding.
)
}
const AuctionWrapper = styled(Box)`
max-width: 600px;
margin: ${space(4)}px auto;
padding: ${space(2)}px;
${media.xs`
margin: ${space(1)}px auto;
`};
`
source={conditionsOfSaleContent}
containerTagName="div"
unwrapDisallowed
/>
)}
)
}
const AuctionWrapper = styled(Box)`
max-width: 600px;
margin: ${space(4)}px auto;
padding: ${space(2)}px;
${media.xs`
margin: ${space(1)}px auto;
`};
`
const StyledMarkdown = styled(Markdown)`
h2 {
font-family: "Adobe Garamond W08", "adobe-garamond-pro",
"AGaramondPro-Regular", "Times New Roman", Times, serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
p {
margin-bottom: 20px;
font-family: "Adobe Garamond W08", adobe-garamond-pro, AGaramondPro-Regular,
)
}
/>
)
}
}
const StyledShippingSummaryItem = styled(ShippingSummaryItem)`
${media.xs`
&&& {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
`};
`
const StyledTransactionDetailsSummaryItem = styled(
TransactionDetailsSummaryItem
)`
${media.xs`
&&& {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
`};
)
}
const CollectionSingleImageHeader = styled(Box)<{
headerImageUrl: string
height: number
}>`
position: relative;
background: ${color("black30")};
height: ${props => props.height}px;
background-image: url(${props => props.headerImageUrl});
background-size: cover;
background-position: center;
${media.xs`
margin-left: -20px;
margin-right: -20px;
`};
`
export const Overlay = styled.div`
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.25)
);
z-index: 0;
)
const SansGrow = styled(Sans)`
display: flex;
flex-grow: 1;
`
const URLInput = styled.input`
border: 0;
text-overflow: ellipsis;
display: flex;
flex-grow: 1;
color: inherit;
font-family: Arial, Helvetica, sans-serif;
${media.xs`
font-size: 16px;
`};
&:hover {
color: ${color("black100")};
}
&::selection {
color: ${color("white100")};
background: ${color("purple100")};
}
`
const UnstyledLink = styled.a`
text-decoration: none;
top: 0;
width: 100%;
z-index: -1;
color: ${color("white100")};
mix-blend-mode: difference;
will-change: color;
`
const IntroContainer = styled(Box)`
${BylineContainer} {
div::before {
display: none;
}
}
${media.xs`
${BylineContainer} {
flex-direction: column;
align-items: center;
}
`}
`
const Title = styled(Serif)`
text-transform: uppercase;
line-height: 1em;
`
const LargeTitle = styled(Title)`
font-size: 90px;
`
url
width
height
}
}
}
}
`,
}
)
const DefaultHeaderContainer = styled(Box)`
background-color: ${color("black5")};
overflow: hidden;
${media.xs`
margin-left: -20px;
margin-right: -20px;
`};
`
const HeaderArtworks = styled(Flex)`
flex-direction: row;
position: absolute;
bottom: 0;
& a:first-child > img {
margin-left: 0px;
}
& a:last-child > img {
margin-left: 0px;
}