SHARE
TWEET

Untitled

a guest Nov 19th, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import "../../../styles/rem";
  2.  
  3. .rootLibrary {
  4.   margin-right: 2em;
  5.   margin-bottom: 2em;
  6.   padding: 0.6em 1em;
  7.   border-radius: 8px;
  8.   border: none;
  9.   width: rem(300px);
  10.   height: rem(48px);
  11.   display: flex;
  12.   justify-content: space-between;
  13.   align-items: center;
  14.   background-color: var(--default-secondary-backgroud);
  15.   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  16.   cursor: pointer;
  17.   transition: box-shadow ease-in-out 0.2s;
  18.  
  19.   &:hover {
  20.     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  21.   }
  22. }
  23.  
  24. .libraryIconContainer {
  25.   display: flex;
  26.   align-items: center;
  27. }
  28.  
  29. .libraryName {
  30.   margin: 0;
  31.   padding-left: 1em;
  32.   text-align: left;
  33.   height: min-content;
  34.   font-size: rem(12px);
  35.   font-weight: 500;
  36. }
  37.  
  38. .libraryIcon {
  39.   max-width: rem(20px);
  40.   max-height: rem(18px);
  41. }
  42.  
  43. .conceptLabel {
  44.   margin-top: 0.4em;
  45.   margin-bottom: 0;
  46.   text-align: left;
  47.   font-size: rem(14px);
  48.   font-weight: 500;
  49.   color: var(--secondary-font-color-dark);
  50. }
  51.  
  52. .downloadButton {
  53.   width: rem(28px);
  54.   height: rem(28px);
  55.   border: 2px solid var(--light-grey-background);
  56.   border-radius: 8px;
  57.   display: flex;
  58.   justify-content: center;
  59.   align-items: center;
  60.   svg {
  61.     width: rem(8px);
  62.     height: rem(12px);
  63.   }
  64. }
  65.  
  66. .iconPicture {
  67.   height: auto;
  68. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top