From e76e8e6423b35904ce3bd3e7671040eafa8a6809 Mon Sep 17 00:00:00 2001
From: M Miller <miller.2676@gmail.com>
Date: Wed, 4 Mar 2020 19:27:36 -0800
Subject: [PATCH] add sass structure and files

---
 sass/_hacks.scss                              |  3 ++
 sass/base/_ckeditor.scss                      | 10 +++++++
 sass/base/_field.scss                         | 29 +++++++++++++++++++
 sass/base/_fieldset.scss                      | 17 +++++++++++
 sass/base/_layout.scss                        |  7 +++++
 sass/base/_media.scss                         |  9 ++++++
 sass/components/content/_moderation-form.scss | 14 +++++++++
 sass/components/regions/_breadcrumb.scss      |  3 ++
 sass/components/regions/_sidebar.scss         |  5 ++++
 sass/main.scss                                | 16 ++++++++++
 10 files changed, 113 insertions(+)
 create mode 100644 sass/_hacks.scss
 create mode 100644 sass/base/_ckeditor.scss
 create mode 100644 sass/base/_field.scss
 create mode 100644 sass/base/_fieldset.scss
 create mode 100644 sass/base/_layout.scss
 create mode 100644 sass/base/_media.scss
 create mode 100644 sass/components/content/_moderation-form.scss
 create mode 100644 sass/components/regions/_breadcrumb.scss
 create mode 100644 sass/components/regions/_sidebar.scss
 create mode 100644 sass/main.scss

diff --git a/sass/_hacks.scss b/sass/_hacks.scss
new file mode 100644
index 0000000..9eb2128
--- /dev/null
+++ b/sass/_hacks.scss
@@ -0,0 +1,3 @@
+// Used to store temporary styles.
+// These styles should be ported back to it-osu-pl or worked into their own partials.
+// These styles will load last.
\ No newline at end of file
diff --git a/sass/base/_ckeditor.scss b/sass/base/_ckeditor.scss
new file mode 100644
index 0000000..d8ba50b
--- /dev/null
+++ b/sass/base/_ckeditor.scss
@@ -0,0 +1,10 @@
+button.media-library-item__edit {
+  border: 1px solid $gray-light;
+  background: lighten($gray-lightest, 3%);
+  padding: 5px 7px;
+  border-radius: 5px;
+
+  &:hover {
+    background: darken($gray-lightest, 3%);
+  }
+}
\ No newline at end of file
diff --git a/sass/base/_field.scss b/sass/base/_field.scss
new file mode 100644
index 0000000..0cba62f
--- /dev/null
+++ b/sass/base/_field.scss
@@ -0,0 +1,29 @@
+/**
+ * @file
+ * Visual styles for fields.
+ */
+
+.field {
+  margin-bottom: 1.25em;
+}
+
+.field__label {
+  font-weight: bold;
+}
+.field--label-inline .field__label,
+.field--label-inline .field__items {
+  float: left; /* LTR */
+}
+.field--label-inline .field__label,
+.field--label-inline > .field__item,
+.field--label-inline .field__items {
+  padding-right: 0.5em;
+}
+[dir='rtl'] .field--label-inline .field__label,
+[dir='rtl'] .field--label-inline .field__items {
+  padding-right: 0;
+  padding-left: 0.5em;
+}
+.field--label-inline .field__label::after {
+  content: ':';
+}
diff --git a/sass/base/_fieldset.scss b/sass/base/_fieldset.scss
new file mode 100644
index 0000000..be0caaa
--- /dev/null
+++ b/sass/base/_fieldset.scss
@@ -0,0 +1,17 @@
+fieldset {
+  border: 1px solid $gray-lighter;
+  padding: rem-calc(15) rem-calc(20);
+  margin-top: rem-calc(10);
+  margin-bottom: rem-calc(20);
+}
+
+fieldset legend {
+  text-transform: uppercase;
+  color: $red;
+  font-weight: 700;
+  &:before,
+  &:after {
+    content: '|';
+    color: $clear;
+  }
+}
diff --git a/sass/base/_layout.scss b/sass/base/_layout.scss
new file mode 100644
index 0000000..275cb56
--- /dev/null
+++ b/sass/base/_layout.scss
@@ -0,0 +1,7 @@
+html {
+  font-family: $proxima;
+}
+
+body {
+  margin: 0;
+}
diff --git a/sass/base/_media.scss b/sass/base/_media.scss
new file mode 100644
index 0000000..3833cab
--- /dev/null
+++ b/sass/base/_media.scss
@@ -0,0 +1,9 @@
+.inline-image {
+  img {
+    display: inline-block;
+    border: none;
+    max-height: 30px;
+    width: auto;
+    margin: 0 2px 2px;
+  }
+}
diff --git a/sass/components/content/_moderation-form.scss b/sass/components/content/_moderation-form.scss
new file mode 100644
index 0000000..997bc0f
--- /dev/null
+++ b/sass/components/content/_moderation-form.scss
@@ -0,0 +1,14 @@
+ul.entity-moderation-form {
+  background: $near-white;
+}
+
+li.entity-moderation-form__item {
+
+  label {
+    font-weight: 700;
+  }
+
+  .form-submit {
+    margin-bottom: 32px !important;
+  }
+}
\ No newline at end of file
diff --git a/sass/components/regions/_breadcrumb.scss b/sass/components/regions/_breadcrumb.scss
new file mode 100644
index 0000000..2df5ca4
--- /dev/null
+++ b/sass/components/regions/_breadcrumb.scss
@@ -0,0 +1,3 @@
+.layout__wrapper--breadcrumb {
+  background: $white;
+}
diff --git a/sass/components/regions/_sidebar.scss b/sass/components/regions/_sidebar.scss
new file mode 100644
index 0000000..c00fa08
--- /dev/null
+++ b/sass/components/regions/_sidebar.scss
@@ -0,0 +1,5 @@
+.region-sidebar {
+  @include breakpoint(medium) {
+    padding-left: 2em;
+  }
+}
diff --git a/sass/main.scss b/sass/main.scss
new file mode 100644
index 0000000..863baae
--- /dev/null
+++ b/sass/main.scss
@@ -0,0 +1,16 @@
+// Include Foundation
+@import '../libraries/it-osu-pl-drupal/_settings.scss';
+@import '../node_modules/foundation-sites/scss/foundation';
+@import '../node_modules/foundation-sites/scss/util/color';
+@import '../node_modules/foundation-sites/scss/util/util';
+@include foundation-everything(true, true);
+
+// Add partials from it-osu-pl patterns.
+@import '../libraries/it-osu-pl-drupal/**/_*.scss';
+
+// Add partials from this theme.
+@import 'base/**/*.scss';
+@import 'components/**/*.scss';
+
+// Temporary fixes.
+@import 'hacks';
-- 
GitLab