Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "../../../styles/rem";
- .rootLibrary {
- margin-right: 2em;
- margin-bottom: 2em;
- padding: 0.6em 1em;
- border-radius: 8px;
- border: none;
- width: rem(300px);
- height: rem(48px);
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: var(--default-secondary-backgroud);
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
- cursor: pointer;
- transition: box-shadow ease-in-out 0.2s;
- &:hover {
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
- }
- }
- .libraryIconContainer {
- display: flex;
- align-items: center;
- }
- .libraryName {
- margin: 0;
- padding-left: 1em;
- text-align: left;
- height: min-content;
- font-size: rem(12px);
- font-weight: 500;
- }
- .libraryIcon {
- max-width: rem(20px);
- max-height: rem(18px);
- }
- .conceptLabel {
- margin-top: 0.4em;
- margin-bottom: 0;
- text-align: left;
- font-size: rem(14px);
- font-weight: 500;
- color: var(--secondary-font-color-dark);
- }
- .downloadButton {
- width: rem(28px);
- height: rem(28px);
- border: 2px solid var(--light-grey-background);
- border-radius: 8px;
- display: flex;
- justify-content: center;
- align-items: center;
- svg {
- width: rem(8px);
- height: rem(12px);
- }
- }
- .iconPicture {
- height: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement