remove it-osu-web/it-osu-pl-drupal

libraries/it-osu-pl-drupal/01-atoms/00-text/00-headings/headings.twig

-<div class="sg-header-styles">
-  {% for i in 1..6 %}
-    <div class="sg-pattern pl-heading-examples">
-      <h3 class="sg-pattern-title">h{{ i }}</h3>
-      <h{{ i }} class="h{{ i }}">This is a Header {{ i }} example</h{{ i }}>
-    </div>
-  {% endfor %}
-</div>
-{% if meta %}
-  <p> <small>{{ meta.description }}</small> </p>
-{% endif %}

libraries/it-osu-pl-drupal/01-atoms/00-text/01-tagline/_tagline.scss

-.tagline {
-  font-family: $capita;
-  font-size: rem-calc(28);
-  font-style: italic;
-  font-weight: 400;
-  line-height: 1.4;
-  margin-bottom: $space-y;
-}
-
-.tagline--small {
-  font-size: rem-calc(22);
-}

libraries/it-osu-pl-drupal/01-atoms/00-text/01-tagline/tagline.twig

-<div class="tagline">Short text which serves to clarify or summarize a thought.</div>
-<div class="tagline tagline--small">Add class 'tagline--small' for a smaller version.</div>
\ No newline at end of file

libraries/it-osu-pl-drupal/01-atoms/00-text/02-blockquote/_blockquote.scss

-.blockquote {
-  border-left: solid 3px $gray-lighter;
-  margin: 2em 0 2em 2em;
-  padding-left: 1em;
-  padding-right: 3em;
-  p {
-    line-height: 1.6;
-  }
-}
-
-blockquote:not(.pull-quote) {
-  @extend .blockquote;
-}
-
-.pull-quote {
-  border: 0;
-  padding: 2em;
-  padding-right: 4em;
-  margin: 2em 0;
-  position: relative;
-}
-
-.pull-quote__icon {
-  color: $gray-lighter;
-  position: absolute;
-  top: 0.8em;
-}
-
-.pull-quote__text {
-  font-family: $capita;
-  font-style: italic;
-  font-weight: 300;
-  font-size: 115%;
-  padding: 0;
-  padding-left: 3.5em;
-
-  p {
-    line-height: 1.6;
-  }
-}

libraries/it-osu-pl-drupal/01-atoms/00-text/02-blockquote/blockquote.twig

-{#
-/**
- * Available variables:
- * - blockquote_base_class - the base classname
- * - blockquote_modifiers - array of modifiers to add to the base classname
- * - blockquote_content - the content of the blockquote (typically text)
- *
- * Available blocks:
- * - blockquote_content - used to replace the content of the blockquote with something other than text
- *   for example: A formatted text field in Drupal
- */
-#}
-
-{% set blockquote_base_class = blockquote_base_class|default('blockquote') %}
-{% set classes_array = [blockquote_base_class] %}
-
-{% if blockquote_modifiers is defined %}
-  {% for blockquote_modifier in blockquote_modifiers %}
-    {% set classes_array = classes_array|merge(["#{blockquote_base_class}--#{blockquote_modifier}"]) %}
-  {% endfor %}
-  {% set blockquote_classes = classes_array|join(' ') %}
-{% else %}
-  {% set blockquote_classes = blockquote_base_class %}
-{% endif %}
-
-
-
-<blockquote class="{{ blockquote_classes }}">
-  {% block blockquote_content %}
-    {% if blockquote_base_class == 'pull-quote' %}
-      <div class="pull-quote__icon"><i class="fas fa-quote-left fa-3x"></i></div>
-      <div class="pull-quote__text"><p>{{ blockquote_content }}</p></div>
-    {% else %}
-      <p>{{ blockquote_content }}</p>
-    {% endif %}
-  {% endblock %}
-</blockquote>

libraries/it-osu-pl-drupal/01-atoms/00-text/03-section-header/_section-header.scss

-.section-header {
-  font-size: rem-calc(28);
-  font-weight: 400;
-  text-transform: uppercase;
-  margin-bottom: $space-y;
-}

libraries/it-osu-pl-drupal/01-atoms/00-text/03-section-header/section-header.twig

-<div class="section-header">{{ section_header }}</div>

libraries/it-osu-pl-drupal/01-atoms/00-text/04-paragraph/_paragraph.scss

-p,
-.paragraph {
-  line-height: 1.4;
-}
-
-.paragraph--center {
-  text-align: center;
-  width: 85%;
-  margin-right: auto !important;
-  margin-left: auto !important;
-}
-
-.paragraph--intro {
-  font-family: $capita;
-  font-style: italic;
-  font-weight: 400;
-  font-size: rem-calc(20);
-  line-height: 1.75;
-}

libraries/it-osu-pl-drupal/01-atoms/00-text/04-paragraph/paragraph.twig

-{#
-/**
- * Available variables:
- * - paragraph_content - the content of the paragraph
- * - paragraph_base_class - the base class name
- * - paragraph_modifiers - array of modifiers to add to the base classname
-#}
-
-{% set paragraph_base_class = paragraph_base_class|default('paragraph') %}
-{% set classes_array = [paragraph_base_class] %}
-
-{% if paragraph_modifiers is defined %}
-  {% for paragraph_modifier in paragraph_modifiers %}
-    {% set classes_array = classes_array|merge(["#{paragraph_base_class}--#{paragraph_modifier}"]) %}
-  {% endfor %}
-  {% set paragraph_classes = classes_array|join(' ') %}
-{% else %}
-  {% set paragraph_classes = paragraph_base_class %}
-{% endif %}
-
-<p class="{{ paragraph_classes }}">
-  {% block paragraph_content %}
-    {{ paragraph_content }}
-  {% endblock %}
-</p>

libraries/it-osu-pl-drupal/01-atoms/00-text/05-text/00-inline-elements.twig

-{#
-/**
- * This is strictly an exmaple file to demonstrate markup in Pattern Lab.
- * It is not intended to be included in any other component.
- */
-#}
-<div class="text">
-	<p class="paragraph"><a class="link" href="#">This is a text link</a></p>
-
-	<p class="paragraph"><strong>Strong is used to indicate strong importance</strong></p>
-
-	<p class="paragraph"><em>This text has added emphasis</em></p>
-
-	<p class="paragraph">The <b>b element</b> is stylistically different text from normal text, without any special importance</p>
-
-	<p class="paragraph">The <i>i element</i> is text that is set off from the normal text</p>
-
-	<p class="paragraph">The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>
-
-	<p class="paragraph"><del>This text is deleted</del> and <ins>This text is inserted</ins></p>
-
-	<p class="paragraph"><s>This text has a strikethrough</s></p>
-
-	<p class="paragraph">Superscript<sup>®</sup></p>
-
-	<p class="paragraph">Subscript for things like H<sub>2</sub>O</p>
-
-	<p class="paragraph"><small>This text is small for fine print, etc.</small></p>
-
-	<p class="paragraph">Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>
-
-	<p class="paragraph">Keybord input: <kbd>Cmd</kbd></p>
-
-	<p class="paragraph"><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>
-
-	<p class="paragraph"><cite>This is a citation</cite></p>
-
-  <p class="paragraph">The <dfn>dfn element</dfn> indicates a definition.</p>
-
-	<p class="paragraph">The <mark>mark element</mark> indicates a highlight</p>
-
-	<p class="paragraph"><code>This is what inline code looks like.</code></p>
-
-	<p class="paragraph"><samp>This is sample output from a computer program</samp></p>
-
-	<p class="paragraph">The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>
-
-	<p class="paragraph">The span class "pipe" can be used to separate elements such as, Element 1 <span class="pipe"> | </span> Element 2.
-</div><!--end .text-->

libraries/it-osu-pl-drupal/01-atoms/00-text/05-text/01-preformatted-text.twig

-{#
-/**
- * This is strictly an exmaple file to demonstrate markup in Pattern Lab.
- * It is not intended to be included in any other component.
- */
-#}
-<pre>
-P R E F O R M A T T E D T E X T
-! " # $ % &amp; ' ( ) * + , - . /
-0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
-@ A B C D E F G H I J K L M N O
-P Q R S T U V W X Y Z [ \ ] ^ _
-` a b c d e f g h i j k l m n o
-p q r s t u v w x y z { | } ~
-</pre>

libraries/it-osu-pl-drupal/01-atoms/00-text/05-text/02-hr.twig

-<hr class="hr" />

libraries/it-osu-pl-drupal/01-atoms/00-text/05-text/_text.scss

-.pipe {
-  margin: 0 3px;
-  color: $red;
-  font-weight: 700;
-}
-
-code {
-  font-size: 0.875em;
-}

libraries/it-osu-pl-drupal/01-atoms/01-links/link/_link.scss

-/// Link
-$color-link: $red;
-$color-link--hover: $teal;
-
-@mixin link {
-  color: $color-link;
-  text-decoration: underline;
-  font-weight: 400;
-
-  &:hover {
-    color: $color-link--hover;
-  }
-
-  &:focus {
-    outline: 1px dotted $color-link--hover;
-    outline-offset: 2px;
-  }
-}
-
-a,
-.link {
-  @include link;
-}
-
-span.ext {
-  margin-left: 4px;
-}
-
-//fixes extlink buttons in Chrome
-a.button {
-  span.link-content {
-    float: left;
-  }
-}

libraries/it-osu-pl-drupal/01-atoms/01-links/link/link.twig

-{#
-/**
- * Available variables:
- * - link_content - the content of the link (typically text)
- * - link_url - the url this link should poing to
- * - link_attributes - array of attribute,value pairs
- * - link_base_class - the base class name
- * - link_modifiers - array of modifiers to add to the base classname
-#}
-
-{% set link_base_class = link_base_class|default('link') %}
-{% set classes_array = [link_base_class] %}
-
-{% if link_modifiers is defined %}
-  {% for link_modifier in link_modifiers %}
-    {% set classes_array = classes_array|merge(["#{link_base_class}--#{link_modifier}"]) %}
-  {% endfor %}
-  {% set link_classes = classes_array|join(' ') %}
-{% else %}
-  {% set link_classes = link_base_class %}
-{% endif %}
-
-<a
-  class="{{ link_classes }}"
-  {% for attribute,value in link_attributes %}
-    {{ attribute }}="{{ value }}"
-  {% endfor %}
-  href="{{ link_url }}"
- >
-  {% block link_content %}
-    <span class="link-content">{{ link_content }}</span>
-  {% endblock %}
-</a>

libraries/it-osu-pl-drupal/01-atoms/01-links/social-media-link/_social-media-link.scss

-.social-media__item {
-  display: inline-block;
-  padding: 0;
-  margin: 0;
-}
-
-.social-media__item a {
-  float: left;
-  background: $gray;
-  color: $white;
-  width: 2.65em;
-  margin: 0.35em 0.7em 0.15em 0;
-  text-align: center;
-  padding: 0.625em 0 0.45em;
-  font-size: 105%;
-}
-
-.social-media__item a span.ext {
-  display: none;
-}
-
-// focus
-.social-media__item a:focus {
-  outline: 2px dotted black;
-  outline-offset: 0;
-}
-
-//hover colors
-.social-media__item a:hover {
-  background: $gray-dark;
-}
-.social-media__item--Twitter a:hover {
-  background: #00aced;
-}
-.social-media__item--Facebook a:hover {
-  background: #1877f2;
-}
-.social-media__item--LinkedIn a:hover {
-  background: #007bb6;
-}
-.social-media__item--YouTube a:hover {
-  background: #f00;
-}
-.social-media__item--Instagram a:hover {
-  background: #c13584;
-}
-.social-media__item--Photo-sharing a:hover {
-  background: #6eb800;
-}

libraries/it-osu-pl-drupal/01-atoms/01-links/social-media-link/social-media-link.twig

-<li class="social-media__item social-media__item--{{ social_link.name }} social-media__item--{{ loop.index }}" >
-  <a href="{{ social_link.url }}" title="{{ social_link.name }} profile link.">
-    <i class="{{ social_link.prefix }} fa-fw fa-lg fa-{{ social_link.icon }}"></i>
-  </a>
-</li>
\ No newline at end of file

libraries/it-osu-pl-drupal/01-atoms/02-buttons/01-button.twig

-{#
-/**
- * Available variables:
- * - button_base_class - the base class name
- * - button_modifiers - array of modifiers to add to the base classname
- * - button_attributes - array of attribute,value pairs
- * - button_url - the url this button should poing to
- * - button_content - the content of the button (typically text)
- *
- * Available blocks:
- * - button_content - used to replace the content of the button with something other than text
- *   for example: to insert an icon
- */
-#}
-
-{% set button_base_class = button_base_class|default('button') %}
-{% set classes_array = [button_base_class] %}
-
-{% if button_modifiers is defined %}
-  {% for button_modifier in button_modifiers %}
-    {% set classes_array = classes_array|merge(["#{button_base_class}--#{button_modifier}"]) %}
-  {% endfor %}
-  {% set button_classes = classes_array|join(' ') %}
-{% else %}
-  {% set button_classes = button_base_class %}
-{% endif %}
-
-<button
-  class="{{ button_classes }}"
-  {% for attribute,value in button_attributes %}
-    {{ attribute }}="{{ value }}"
-  {% endfor %}
-  href="{{ button_url }}"
->
-  {% block button_content %}
-    {{ button_content }}
-  {% endblock %}
-</button>

libraries/it-osu-pl-drupal/01-atoms/02-buttons/_buttons.scss

-@mixin button-std($bg: $red, $color: $white) {
-  background-color: $bg;
-  color: $color;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.25;
-  text-align: center;
-  text-transform: uppercase;
-  text-decoration: none;
-  padding: 11px 16px 10px;
-  margin-bottom: 16px;
-  display: inline-block;
-  position: relative;
-  cursor: pointer;
-
-  &:active {
-    position: relative;
-    top: 1px;
-    background-color: darken($bg, 5%) !important;
-  }
-
-  &:hover {
-    background-color: lighten($bg, 3%);
-  }
-
-  &:focus {
-    background-color: lighten($bg, 3%);
-    outline: 2px dotted $gray-darkest;
-    outline-offset: 0;
-  }
-}
-
-@mixin button-rev($bg: $white, $color: $red) {
-  background-color: $bg;
-  color: $color;
-  border: 1px solid $color;
-  padding: 11px 16px 10px;
-
-  &:active {
-    border: 1px solid $color;
-    background-color: darken($color, 5%) !important;
-    padding: 12px 16px 11px;
-    top: 0;
-  }
-
-  &:hover {
-    background-color: $color;
-  }
-  &:focus {
-    background-color: $color;
-  }
-}
-
-@mixin button-gray {
-  @include button-std($gray);
-}
-
-@mixin button-teal {
-  @include button-std($teal);
-}
-
-@mixin button-alt-teal {
-  @include button-rev($white, $teal);
-}
-
-@mixin button-alt-gray {
-  @include button-rev($white, $gray);
-}
-
-.button {
-  @include button-std;
-
-  &--gray {
-    @include button-gray;
-  }
-
-  &--teal {
-    @include button-teal;
-  }
-
-  &--alt {
-    @include button-rev;
-  }
-
-  &--alt-gray {
-    @include button-alt-gray;
-  }
-
-  &--alt-teal {
-    @include button-alt-teal;
-  }
-}
-
-.more-link {
-  @include button;
-}

libraries/it-osu-pl-drupal/01-atoms/03-lists/00-ul.twig

-{#
-/**
- * Available variables:
- * - ul_base_class - the base classname
- * - ul_modifiers - array of modifiers to add to the base classname
- * - ul_blockname - blockname prepended to the base classname
- *
- * - listItems - TBD
- */
-#}
-{% set ul_base_class = ul_base_class|default('ul') %}
-{% set classes_array = [ul_base_class] %}
-
-{% if ul_modifiers is defined %}
-  {% for ul_modifier in ul_modifiers %}
-    {% set classes_array = classes_array|merge(["#{ul_base_class}--#{ul_modifier}"]) %}
-  {% endfor %}
-  {% set ul_classes = classes_array|join(' ') %}
-{% else %}
-  {% set ul_classes = ul_base_class %}
-{% endif %}
-
-<ul class="{{ ul_classes }}">
-  {% block list_content %}
-    {% for ul_item in ul_items %}
-      {% include "@atoms/03-lists/_list-item.twig" with {
-        "list_item_label": ul_item.label,
-        "list_item_content": ul_item.content,
-        "li_base_class": ul_item.li_base_class,
-        "li_base_class": ul_item.li_base_class,
-        "li_modifiers": ul_item.li_modifiers,
-        "li_blockname": ul_item.li_blockname,
-      } %}
-    {% endfor %}
-  {% endblock %}
-</ul>