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

composer.json

@@ -25,8 +25,7 @@
     "composer/installers": "^1.7",
     "oomphinc/composer-installers-extender": "^1.1",
     "drupal/bamboo_twig": "^4.1",
-    "drupal/components": "^1.1",
-    "it-osu-web/it-osu-pl-drupal": "dev-master"
+    "drupal/components": "^1.1"
   },
   "require-dev": {
     "drupal/twig_vardumper": "^1.2"

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ec77534e768d5a000fab3e518c1a32c7",
+    "content-hash": "27453d4838199ad44cac241b3e919f80",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -1561,40 +1561,6 @@
             ],
             "time": "2019-07-01T23:21:34+00:00"
         },
-        {
-            "name": "it-osu-web/it-osu-pl-drupal",
-            "version": "dev-master",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/it-osu-web/it-osu-pl-drupal.git",
-                "reference": "ec8b24dbbe32e36280abbfc0ac5e6637504895c5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/it-osu-web/it-osu-pl-drupal/zipball/ec8b24dbbe32e36280abbfc0ac5e6637504895c5",
-                "reference": "ec8b24dbbe32e36280abbfc0ac5e6637504895c5",
-                "shasum": ""
-            },
-            "require": {
-                "composer/installers": "^1.6"
-            },
-            "type": "design-system",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "M Miller",
-                    "email": "miller.2676@gmail.com"
-                }
-            ],
-            "description": "IT@OSU Pattern Lab assets for Drupal 8 theming",
-            "support": {
-                "source": "https://github.com/it-osu-web/it-osu-pl-drupal/tree/master",
-                "issues": "https://github.com/it-osu-web/it-osu-pl-drupal/issues"
-            },
-            "time": "2020-03-05T05:00:43+00:00"
-        },
         {
             "name": "masterminds/html5",
             "version": "2.7.0",
@@ -4131,9 +4097,7 @@
     ],
     "aliases": [],
     "minimum-stability": "dev",
-    "stability-flags": {
-        "it-osu-web/it-osu-pl-drupal": 20
-    },
+    "stability-flags": [],
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": [],

libraries/it-osu-pl-drupal/00-base/global/00-intro/introduction.twig

-<h1>IT@OSU PatternLab</h1>
-
-<p>This is the official design library for IT@OSU.</p>
-
-<p>It is structured following the principles of the Atomic Design Theory:</p>
-
-<ul>
-  <li><a href="/patterns/00-base">Base elements</a></li>
-  <li><a href="/patterns/01-atoms">Atoms</a></li>
-  <li><a href="/patterns/02-molecules">Molecules</a></li>
-  <li><a href="/patterns/03-organisms">Organisms</a></li>
-  <li><a href="/patterns/04-templates">Templates</a></li>
-  <li><a href="/patterns/05-pages">Pages</a></li>
-</ul>
-
-<p>For more information, consult our <a href="https://github.com/it-osu-web/it-osu-pl">github repo</a>.</p>

libraries/it-osu-pl-drupal/00-base/global/01-colors/_color-vars.scss

-$clear: rgba(0, 0, 0, 0);
-$white: #fff;
-$near-white: #f7f7f7;
-$gray-lightest: #eaeaea;
-$gray-lighter: #ccc;
-$gray-light: #999;
-$gray: #666;
-$gray-dark: #444446;
-$gray-darker: #303033;
-$gray-darkest: #202024;
-$black: #000;
-
-//colors
-$red: #b00;
-$red-dark: #830000;
-
-$orange: #d65828;
-$orange-dark: #c04f24;
-
-$green: #909738;
-$green-dark: #73792d;
-$teal: #1c7c89;
-
-$purple: #5d3f82;
-$blue-dark: #476c97;
-$violet: #851e5e;

libraries/it-osu-pl-drupal/00-base/global/01-colors/_colors-used.scss

-$color-border: $gray-light;

libraries/it-osu-pl-drupal/00-base/global/01-colors/colors.twig

-<ul class="sg-colors">
-  {% for item in items %}
-    <li>
-      <div class="sg-colors__sample" style="background-color: {{item.value}};"></div>
-      <div class="sg-colors__info">
-        <code>{{item.value}}</code> <br/>
-        <code>{{item.name}}</code>
-      </div>
-    </li>
-  {% endfor %}
-</ul>

libraries/it-osu-pl-drupal/00-base/global/02-typography/_typography.scss

-$proxima: 'proximanova', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif;
-$capita: 'Capita', 'Times New Roman', serif;
-
-// Fonts
-$font-body: $proxima;
-$font-heading: $proxima;
-
-$font: $proxima;
-$font-alt: $capita;

libraries/it-osu-pl-drupal/00-base/global/02-typography/typography.twig

-<div class="sg-typography">
-  {% for item in items %}
-
-  <div class="sg-typography__group">
-      <div class="sg-info">
-        <span style="font-weight: 100; font-family: {{item.value}}">{{item.name}} 100</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 300; font-family: {{item.value}}">{{item.name}} 300</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 400; font-family: {{item.value}}">{{item.name}} 400</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 600; font-family: {{item.value}}">{{item.name}} 600</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 700; font-family: {{item.value}}">{{item.name}} 700</span>
-      </div>
-  </div>
-
-  <div class="sg-typography__group">
-      <div class="sg-info">
-        <span style="font-weight: 100; font-style: italic; font-family: {{item.value}}">{{item.name}} 100 italic</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 300; font-style: italic; font-family: {{item.value}}">{{item.name}} 300 italic</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 400; font-style: italic; font-family: {{item.value}}">{{item.name}} 400 italic</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 600; font-style: italic; font-family: {{item.value}}">{{item.name}} 600 italic</span>
-      </div>
-      <div class="sg-info">
-        <span style="font-weight: 700; font-style: italic; font-family: {{item.value}}">{{item.name}} 700 italic</span>
-      </div>
-  </div>
-
-  {% endfor %}
-</div>
-{% if meta %}
-  <p> <small>{{ meta.description }}</small> </p>
-{% endif %}

libraries/it-osu-pl-drupal/00-base/global/03-grid/_grid.scss

-.sample-grid {
-  margin-bottom: 2em;
-  .cell {
-    background: $gray-lightest;
-    padding: 10px 15px;
-    min-height: 80px;
-  }
-}
-
-// Helper classes.
-.grid-grow {
-  flex-grow: 1 !important;
-}

libraries/it-osu-pl-drupal/00-base/global/03-grid/grid.twig

-<div class="sample-grid">
-  <h4>Evenly Divided</h4>
-  <div class="grid-x grid-margin-x">
-    <div class="cell auto">One</div>
-    <div class="cell auto">Two</div>
-    <div class="cell auto">Three</div>
-    <div class="cell auto">Four</div>
-    <div class="cell auto">Five</div>
-    <div class="cell auto">Six</div>
-  </div>
-</div>
-
-<div class="sample-grid">
-  <h4>Spans 4 Cells + Auto Width</h4>
-  <div class="grid-x grid-margin-x">
-    <div class="cell small-4">4 cells</div>
-    <div class="cell auto">Whatever's left!</div>
-  </div>
-</div>
-
-<div class="sample-grid">
-  <h4>Content + Sidebars </h4>
-  <div class="grid-x grid-margin-x">
-    <div class="cell small-3">Sidebar 1</div>
-    <div class="cell auto">Content</div>
-    <div class="cell small-3">Sidebar 2</div>
-  </div>
-</div>

libraries/it-osu-pl-drupal/00-base/global/04-animations/_animation.scss

-/// Mixin - Transition
-@mixin transition($transition-property, $transition-time, $method) {
-  -webkit-transition: $transition-property $transition-time $method;
-  -moz-transition: $transition-property $transition-time $method;
-  -ms-transition: $transition-property $transition-time $method;
-  -o-transition: $transition-property $transition-time $method;
-  transition: $transition-property $transition-time $method;
-}
-
-.animate-fade {
-  @include transition(opacity, 0.3s, ease-out);
-
-  &:hover {
-    opacity: 0;
-  }
-}
-
-.animate-move {
-  > .demo-shape {
-    @include transition(all, 0.8s, ease-in-out);
-  }
-}
-
-.demo-animate {
-  background-color: $gray-lightest;
-  cursor: pointer;
-  padding: 1em;
-  text-align: center;
-}

libraries/it-osu-pl-drupal/00-base/global/04-animations/animations.twig

-<div class="demo-animate animate-fade"><strong>Fade:</strong> Duration: 0.3s Easing: ease-out (Hover to see effect)</div>

libraries/it-osu-pl-drupal/00-base/utils/_01-variables.scss

-//////////////////////////
-// General Variables
-// Note: colors should go into
-// components/_patterns/00-base/global/01-colors/_color-vars.scss
-// and typography into
-// components/_patterns/00-base/global/typography/_typography.scss
-
-// Vertical spacing (y).
-$space-y: rem-calc(20);
-
-// More space.
-$space-y-plus-half: $space-y * 1.5;
-$space-y-double: $space-y * 2;
-$space-y-triple: $space-y * 3;
-
-// Less space.
-$space-y-two-thirds: $space-y * 0.667;
-$space-y-half: $space-y / 2;
-$space-y-third: $space-y / 3;
-$space-y-quarter: $space-y / 4;
-
-// Horizontal spacing (x).
-$space-x: rem-calc(26);
-
-// Less space.
-$space-x-half: $space-x / 2;
-$space-x-third: $space-x / 3;
-$space-x-quarter: $space-x / 4;
-
-// Typography spacing.
-$header-margin-after: rem-calc(16);
-$header-margin-after-less: rem-calc(8);
-
-// Box spacing.
-$padding-y: rem-calc(18);
-$padding-x: rem-calc(22);
-$padding-y-bottom: rem-calc(6);
-
-// Grid spacing.
-$grid-margin-after: rem-calc(24);
-
-// Shadows.
-$drop-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

libraries/it-osu-pl-drupal/00-base/utils/_03-mixins.scss

-/////////////////////
-// General Mixins (put specific ones in component files where applicable)
-
-/// Mixin - Clearfix.
-/// Adds clearfix based on http://bourbon.io/docs/#clearfix
-/// use example =   @include cleafix
-
-@mixin clearfix {
-  &::after {
-    clear: both;
-    content: '';
-    display: table;
-  }
-}
-
-/// Mixin - list-reset
-/// Reset list item defaults when no margin, padding, list styles needed
-@mixin list-reset {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/// Mixin - With Icon
-/// Precede Text with SVG icon
-@mixin with-icon {
-  background-size: cover;
-  content: '';
-  display: inline-block;
-  margin-right: 0.1em;
-  padding: 0.8em;
-}
-
-/// Mixin - Wrapper
-/// Outer container mixin for large screens
-@mixin wrapper(
-  $container-max-width: $max-width,
-  $outer-container-break: $small,
-  $v-margin: 0,
-  $v-padding: 0,
-  $h-padding: 4%,
-  $h-padding-large: $h-padding
-) {
-  max-width: #{$container-max-width};
-  width: 100%;
-  margin: #{$v-margin} auto;
-  padding: #{$v-padding} #{$h-padding};
-
-  @include breakpoint($outer-container-break) {
-    padding: #{$v-padding} #{$h-padding-large};
-  }
-
-  @include breakpoint($container-max-width) {
-    padding-left: calc(
-      #{$h-padding-large} + calc(-50vw + calc(#{$container-max-width} / 2))
-    );
-    padding-right: calc(
-      #{$h-padding-large} + calc(-50vw + calc(#{$container-max-width} / 2))
-    );
-  }
-}
-
-/// Use the breakout mixin for elements that should be edge-to-edge
-/// Even when a parent container uses the wrapper mixin
-@mixin breakout($v-padding: 5rem) {
-  margin-left: calc(-50vw + 50%);
-  margin-right: calc(-50vw + 50%);
-  padding-left: calc(#{$v-padding} + calc(-50vw + 50%));
-  padding-right: calc(#{$v-padding} + calc(-50vw + 50%));
-}
-
-/// Mixin - Standard Margin
-@mixin margin {
-  margin-bottom: 1em;
-}
-
-@mixin no-bottom {
-  margin-bottom: 0;
-}
-
-@mixin short-bottom {
-  margin-bottom: 0.25em;
-}

libraries/it-osu-pl-drupal/00-base/utils/_04-base.scss

-html {
-  box-sizing: border-box;
-}
-
-*,
-*::after,
-*::before {
-  box-sizing: inherit;
-}
-
-// Background color for main content. Body color is set by footer color.
-.layout-container,
-.layout__wrapper--main {
-  background: white;
-}
-
-body.footer-color {
-  &--dk-gray {
-    background: $gray-darkest;
-  }
-
-  &--md-gray {
-    background: $gray;
-  }
-
-  &--lt-gray {
-    background: $gray-lightest;
-  }
-
-  &--white {
-    background: white;
-  }
-}
-
-$grid-container-padding: rem-calc(40);
-
-.grid-container {
-  padding-right: $grid-container-padding;
-  padding-left: $grid-container-padding;
-}
-
-.layout__wrapper--main {
-  background: white;
-}

libraries/it-osu-pl-drupal/00-base/utils/_05-accessibility.scss

-// Hide only visually, but have it available for screenreaders: h5bp.com/v
-//
-@mixin visually-hidden($focusable: false) {
-  border: 0 !important;
-  clip: rect(0 0 0 0) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  // Extends the `visually-hidden` class to allow the element to be focusable
-  // when navigated to via the keyboard: h5bp.com/p
-  @if $focusable == true {
-    &:active,
-    &:focus {
-      clip: auto !important;
-      height: auto !important;
-      margin: 0 !important;
-      overflow: visible !important;
-      position: static !important;
-      width: auto !important;
-    }
-  }
-}
-
-.visually-hidden,
-.visuallyhidden {
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-}

libraries/it-osu-pl-drupal/00-base/utils/_06-resets.scss

-address {
-  font-style: normal !important;
-}

libraries/it-osu-pl-drupal/00-base/utils/_pl-base.scss

-// These styles are specifically for Pattern Lab.
-
-.sg-main {
-  padding: 0 4%;
-  font-family: $proxima;
-}
-
-.sg-tabs-panel {
-  min-height: 25em !important;
-}
-
-.sg-pattern-extra-code {
-  width: 100% !important;
-}
-
-.sg-pattern-extra-code .language-markup {
-  font-size: 85% !important;
-}
-
-#sg-patterns {
-  .sg-subtype h2 {
-    font-size: 1.75rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    margin-bottom: 5px;
-    clear: both;
-    background: $gray-lightest;
-    @include breakout;
-    padding: 6px 0 0 4.5%;
-    margin-top: 2.5em;
-    a {
-      color: $red;
-      font-weight: 700;
-      text-decoration: none;
-      &:hover {
-        color: $teal;
-      }
-    }
-  }
-  .sg-subtype:first-child h2 {
-    margin-top: 0;
-  }
-}
-
-.sg-pattern-title a {
-  font-family: $proxima !important;
-  color: $gray-dark;
-  font-size: 1.375rem;
-  text-transform: uppercase;
-}
-
-.sg-colors {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-
-  li {
-    flex: auto;
-    padding: 0.3em;
-    margin: 0 0.3em 1em;
-    min-width: 9em;
-    max-width: 10em;
-  }
-
-  &__sample {
-    display: block;
-    height: 100px;
-    margin-bottom: 0.3em;
-    border: 1px solid $gray-lighter;
-  }
-}
-
-.sg-typography {
-  display: flex;
-  flex-wrap: wrap;
-
-  .sg-typography__group {
-    padding: 1em 0.25em;
-    min-width: 40%;
-
-    .sg-info {
-      padding: 10px;
-      font-size: 30px;
-    }
-  }
-}
-
-#viewall-base-utils {
-  display: none;
-}

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

-{#
-/**
- * Available variables:
- * - heading_level - the header level 1-6 (produces h1, h2, etc.)
- * - heading_base_class - the base class
- * - heading_modifiers - array of modifiers to add to the base classname
- * - heading - the content of the heading (typically text)
-
- * - heading_url - (optional) the url the heading should poing to
- * - heading_link_attributes - key/value attributes to pass to link
- * - heading_link_base_class - override the link base class
- * - heading_link_modifiers - override the link modifiers
- * - heading_link_blockname - override the link block name (defaults to heading_base_class)
- */
-#}
-{% set heading_base_class = heading_base_class|default('h' ~ heading_level) %}
-{% set classes_array = [heading_base_class] %}
-
-{% if heading_modifiers is defined %}
-  {% for heading_modifier in heading_modifiers %}
-    {% set classes_array = classes_array|merge(["#{heading_base_class}--#{heading_modifier}"]) %}
-  {% endfor %}
-  {% set heading_classes = classes_array|join(' ') %}
-{% else %}
-  {% set heading_classes = heading_base_class %}
-{% endif %}
-
-
-<h{{ heading_level }}>
-  {% if heading_url %}
-    {% include "@atoms/01-links/link/link.twig" with {
-      "link_content": heading,
-      "link_url": heading_url,
-      "link_attributes": heading_link_attributes,
-      "link_base_class": heading_link_base_class,
-      "link_modifiers": heading_link_modifiers,
-    } %}
-  {% else %}
-    {{ heading }}
-  {% endif %}
-</h{{ heading_level }}>

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

-@mixin heading(
-  $size: 36,
-  $weight: $header-font-weight,
-  $color: $header-color,
-  $font-family: $header-font-family,
-  $line-height: $header-lineheight,
-  $color-link: inherit,
-  $color-link-hover: $header-color--hover
-) {
-  font-size: rem-calc($size);
-  font-weight: $weight;
-  color: $color;
-  font-family: $proxima;
-  line-height: $line-height;
-  a,
-  &__link {
-    color: $color-link;
-    text-decoration: none;
-    font-weight: $weight;
-
-    &:hover {
-      color: $color-link-hover;
-    }
-
-    &:focus {
-      outline: 1px dotted $color-link-hover;
-      outline-offset: 2px;
-    }
-  }
-}
-
-h1,
-.h1 {
-  @include heading(42, 800, $line-height: 1.1);
-}
-
-h2,
-.h2 {
-  @include heading(32, 800);
-}
-
-h3,
-.h3 {
-  @include heading(26);
-}
-
-h4,
-.h4 {
-  @include heading(22);
-}
-
-h5,
-.h5 {
-  @include heading(20, 400);
-}
-
-h6,
-.h6 {
-  @include heading(18, 400);
-}
-
-h1.page-title {
-  margin-top: $space-y;
-  margin-bottom: $space-y-half;
-}
-
-// Headers within long text.
-.field--type-text-long {
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-top: $space-y-half;
-    margin-bottom: $space-y-half;
-  }
-
-  p ~ h2,
-  p ~ h3,
-  p ~ h4,
-  p ~ h5,
-  p ~ h6 {
-    margin-top: $space-y-plus-half;
-  }
-
-  ul ~ h2,
-  ul ~ h3,
-  ul ~ h4,
-  ul ~ h5,
-  ul ~ h6 {
-    margin-top: $space-y-plus-half;
-  }
-
-  ol ~ h2,
-  ol ~ h3,
-  ol ~ h4,
-  ol ~ h5,
-  ol ~ h6 {
-    margin-top: $space-y-plus-half;
-  }
-}