@vidal-community/vidal-web-components
Version:
Vidal Web Components
111 lines (97 loc) • 1.87 kB
JavaScript
import { css } from 'lit';
export const style = css `
#substitution {
font-family: Inter, sans-serif;
display: flex;
gap: 20px;
flex-direction: column;
margin: 20px auto;
max-width: 1080px;
}
header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.title-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.title {
font-size: 18px;
font-weight: bold;
}
.bullet {
width: 6px;
height: 6px;
background-color: #cc0033;
}
.close-button {
cursor: pointer;
}
.source {
cursor: pointer;
}
.version-modal {
display: none;
flex-direction: row;
justify-content: space-between;
position: absolute;
background-color: white;
z-index: 2;
left: 25%;
top: 20%;
width: 50%;
overflow: auto;
padding: 8px;
border-radius: 2px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
}
.content {
display: flex;
flex-direction: column;
}
.content-titles {
display: flex;
}
.content-title {
flex-basis: 100%;
color: #73777d;
font-weight: bold;
font-size: 12px;
}
footer {
display: flex;
color: #73777d;
font-weight: 500;
font-size: 12px;
align-items: center;
justify-content: space-between;
padding-right: 20px;
}
.validate-button {
padding: 8px;
border-radius: 2px;
background: #cc0033;
color: white;
font-weight: bold;
font-size: 14px;
border-color: #cc0033;
border-style: solid;
cursor: pointer;
align-items: center;
display: flex;
}
.validate-button img {
height: auto;
padding-right: 6px;
}
.centered {
width: 100%;
text-align: center;
}
`;
//# sourceMappingURL=vidal-substitution-styles.js.map