@freshworks/crayons
Version:
Crayons Web Components library
52 lines (50 loc) • 1.12 kB
CSS
/* Need to check with designer */
/* Need to check with designer */
:host {
font-family: var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
}
:host {
display: inline-block;
}
.files-content {
display: flex;
flex-direction: row;
width: 300px;
margin-top: 7px;
}
.files-content-icon {
width: 14px;
height: 14px;
margin: 3px 0px;
}
.files-content-file {
display: flex;
flex-direction: column;
padding-left: 8px;
box-sizing: border-box;
}
.files-content-file-name {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #12344d;
}
.files-content-file-remove {
text-decoration: none;
font-weight: 600;
color: #2c5cc5;
margin-top: 5px;
font-size: 12px;
line-height: 20px;
background: transparent;
border: none;
display: inline-block;
padding: 0px;
width: fit-content;
}
.files-content-file-remove:hover, .files-content-file-remove:focus {
cursor: pointer;
}