public/js/views/modals/share-view.less

   1 @import (reference) "../../../less/colors.less";
   2 @import (reference) "../../../less/trpButtons.less";
   3
   4 .share-view {
   5   font-family: 'Open Sans','HelveticaNeue',sans-serif;
   6   color: #333;
   7 }
   8
   9 .share-view__heading {
  10   font-size: 16px;
  11   line-height: 1em;
  12   font-weight: normal;
  13   margin-bottom: 12px;
  14 }
  15
  16 .share-view__section {
  17   display: flex;
  18   margin-bottom: 24px;
  19   flex-wrap: wrap;
  20 }
  21
  22 .share-view__section > *:not(:last-child) {
  23   margin-right: 8px;
  24 }
  25
  26 .share-view__copy-field {
  27   width: 100%;
  28   padding: 9px;
  29   margin: 0 0 1rem 0;
  30
  31   background-color: fade(@trpGrey, 50%);
  32   border: 1px solid @trpGrey;
  33   border-radius: 4px;
  34   box-shadow: none;
  35
  36   font-family: 'Open Sans','HelveticaNeue',sans-serif;
  37   font-size: 14px;
  38   color: black;
  39
  40   outline: 0;
  41
  42   &:focus {
  43     outline: 0;
  44     box-shadow: none;
  45   }
  46 }
  47
  48 .share-view__button {
  49   .trpButtonMedium;
  50   flex-shrink: 0;
  51
  52   &:hover {
  53     text-decoration: none;
  54   }
  55 }
  56
  57 .share-view__button--copy {
  58   .trpBtnGreen;
  59 }
  60
  61 .share-view__button--pull-request {
  62   .trpBtnBlue;
  63 }
  64
  65 .share-view__badge {
  66   vertical-align: middle;
  67 }
  68
  69 .share-view__social {
  70   flex-wrap: nowrap;
  71 }