sendgrid-gists

<div class="segment-term-wrap">
  <p class="segment-term-title">Entry Criteria</p>
  <div class="segment-term has-alert">
    <p>The first time a contact is added to <strong>New customer list</strong></p>
    <i class="sg-icon sg-icon-pencil segment-term-edit"></i>
    <div class="alert alert-warning">
      <p><i class="sg-icon sg-icon-info-circle"></i>Changes you've made to your entry criteria have not been applied to your live automation.<button class="btn btn-small btn-primary">Save and Apply</button></p>
    </div>
  </div>
</div>

sendgrid-gists

<span class="label label-sent">Sent</span>
<span class="label label-delivered">Delivered</span>
<span class="label label-live">Live</span>
<span class="label label-success">Success</span>
<span class="label label-scheduled">Scheduled</span>
<span class="label label-pick-winner">Pick Winner</span>
<span class="label label-draft">Draft</span>
<span class="label label-global">Global</span>
<span class="label label-list">List</span>
<span class="label label-progress">In Progress</span>

sendgrid-gists

<div class="email-card-wrap is-live has-alert">
  <div class="email-card-send-time has-value">
    <a class="btn btn-secondary" href="#">Send Instantly</a>
    <div class="alert alert-warning">
      <p><i class="sg-icon sg-icon-info-circle"></i>Changes you've made to this email have not been applied to your live automation.<button class="btn btn-small btn-primary">Save and Apply</button></p>
    </div>
  </div>
  <div class="email-card-stats">
    ...
  </div>

sendgrid-gists

<div class="email-card-wrap is-editable">
  <div class="email-card-send-time">
    <a class="btn btn-secondary" href="#">Select Send Time</a>
  </div>
  <div class="email-card">
    <div class="email-card-count">
      <p>Email 1</p>
    </div>
    <div class="email-card-content">
      <a class="btn btn-secondary" href="#">Add Email Content</a>

sendgrid-gists

<div class="email-card-wrap is-live">
  <div class="email-card-send-time has-value">
    <a class="btn btn-secondary" href="#">Send Instantly</a>
  </div>
  <div class="email-card-stats">
    <div class="email-stat">
      <p class="stat">12,230</p>
      <p class="label">Emails Sent</p>
    </div>
    <div class="email-stat">

sendgrid-gists

<div class="segment-term-wrap">
  <p class="segment-term-title">Entry Criteria</p>
  <div class="segment-term is-editable has-separator">
    <div class="segment-term-inputs">
      <div class="input-select-wrap">
        <!-- select markup -->
      </div>
      <div class="input-select-wrap">
        <!-- select markup -->
      </div>

sendgrid-gists

<div class="segment-term-wrap">
  <p class="segment-term-title">Entry Criteria</p>
  <div class="segment-term has-separator">
    <p>The first time a contact is added to <strong>New customer list</strong></p>
    <i class="sg-icon sg-icon-pencil segment-term-edit"></i>
  </div>
</div>
<div class="segment-term-wrap">
  <p class="segment-term-title">Or</p>
  <div class="segment-term has-separator">

sendgrid-gists

body,
table,
td,
a {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

sendgrid-gists

body {
margin: 0 !important;
}

div[style*="margin: 16px 0"] {
margin: 0 !important;
font-size: 100% !important;
}

sendgrid-gists

a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}