threddedDANIEL 0.14.5

data/app/assets/stylesheets/thredded/components/_post-form.scss

@@ -0,0 +1,27 @@
+.thredded--post-form {
+  label {
+    display: none;
+  }
+
+  &--wrapper {
+    border-top: $thredded-base-border;
+    margin-top: $thredded-base-spacing;
+    padding-top: $thredded-base-spacing;
+  }
+
+  &--title {
+    @extend %thredded--heading;
+    font-size: 1.25rem; // 20px
+    margin-bottom: $thredded-base-spacing;
+  }
+
+  &--submit {
+    margin-top: $thredded-small-spacing;
+  }
+}
+
+.thredded--post-form--wrapper {
+  @media print {
+    display: none;
+  }
+}

data/app/assets/stylesheets/thredded/components/_post.scss

@@ -0,0 +1,138 @@
+.thredded--post {
+  position: relative;
+  margin-bottom: $thredded-base-spacing;
+  @include thredded-media-desktop-and-up {
+    margin-bottom: $thredded-large-spacing;
+  }
+}
+
+.thredded--post--dropdown--toggle {
+  @extend %thredded--dropdown-menu--toggle;
+  fill: currentColor;
+  box-sizing: content-box;
+  color: $thredded-action-color;
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  padding: 0.875rem 0.875rem 0.875rem 1.5rem;
+  margin-right: -0.875rem;
+  -webkit-tap-highlight-color: transparent;
+  @include thredded-media-content-breakout {
+    margin-top: -0.75rem;
+  }
+}
+
+.thredded--post--dropdown {
+  @extend %thredded--dropdown-menu--container;
+  float: right;
+  @media print {
+    display: none;
+  }
+}
+
+.thredded--post--dropdown--actions {
+  @extend %thredded--dropdown-menu--actions-bottom-left;
+  margin-top: -0.875rem;
+}
+
+.thredded--post--dropdown--actions--item {
+  @extend %thredded--dropdown-menu--actions--item;
+}
+
+.thredded--post--avatar {
+  border-radius: 50%;
+  display: inline-block;
+  height: 1.75rem; // 28px
+  margin-right: $thredded-inline-spacing;
+  position: relative;
+  top: 6px;
+  vertical-align: baseline;
+  width: 1.75rem; // 28px
+
+  @media (min-width: $thredded-grid-container-max-width + $thredded-content-breakout-min-width + 0.00001rem) {
+    height: 2.25rem; // 36px
+    left: -3rem;
+    position: absolute;
+    top: -0.5rem;
+    width: 2.25rem; // 36px
+  }
+
+  @media (min-width: $thredded-grid-container-max-width + $thredded-content-breakout-min-width + 9.5rem + 0.00001rem) {
+    height: 3.25rem;
+    left: -4.125rem;
+    width: 3.25rem;
+  }
+}
+
+.thredded--post--topic {
+  @extend %thredded--heading;
+  font-size: $thredded-base-font-size * 1.25; // 24px
+  line-height: 1.2;
+  margin-bottom: $thredded-small-spacing / 2;
+}
+
+.thredded--post--user,
+.thredded--post--topic,
+.thredded--post--user-and-topic {
+  @extend %thredded--heading;
+  display: inline;
+  font-size: 1.125rem; // 18px
+  line-height: 1.2;
+  margin-right: $thredded-inline-spacing;
+
+  a {
+    @extend %thredded--link;
+  }
+}
+
+.thredded--post--user {
+  a {
+    color: $thredded-text-color;
+  }
+}
+
+.thredded--post--created-at {
+  @extend %thredded--paragraph;
+  font-size: $thredded-font-size-small;
+  color: $thredded-secondary-text-color;
+  display: inline-block;
+}
+
+.thredded--post--content {
+  font-size: 1.063rem; // 17px
+  line-height: 1.65;
+  word-break: break-word;
+  a {
+    @extend %thredded--link;
+  }
+  p {
+    @extend %thredded--paragraph;
+  }
+  hr {
+    @extend %thredded--hr;
+  }
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  table {
+    @extend %thredded--table;
+  }
+  blockquote {
+    @extend %thredded--blockquote;
+  }
+  pre {
+    overflow-x: auto;
+  }
+
+  &--spoiler {
+    color: $thredded-spoiler-hidden-color;
+    background-color: $thredded-spoiler-hidden-color;
+    cursor: pointer;
+
+    &:hover,
+    &:focus {
+      color: $thredded-spoiler-shown-color;
+    }
+  }
+}

data/app/assets/stylesheets/thredded/components/_preferences.scss

@@ -0,0 +1,19 @@
+.thredded--preferences--title {
+  @extend %thredded--heading;
+  font-size: 1.5rem; // 24px
+}
+
+.thredded--preferences--form {
+  padding-bottom: $thredded-base-spacing;
+}
+
+.thredded--preferences--messageboards-nav {
+  border-top: $thredded-base-border;
+  padding-top: $thredded-base-spacing;
+}
+
+.thredded--preferences--messageboards-nav--item {
+  &.thredded--messageboard {
+    padding: $thredded-small-spacing;
+  }
+}

data/app/assets/stylesheets/thredded/components/_preview_area.scss

@@ -0,0 +1,11 @@
+.thredded--preview-area {
+  display: none;
+
+  &--title {
+    @extend %thredded--heading;
+  }
+
+  &--post {
+    margin-bottom: $thredded-base-spacing;
+  }
+}

data/app/assets/stylesheets/thredded/components/_topic-delete.scss

@@ -0,0 +1,8 @@
+.thredded--topic-delete--wrapper {
+  border-top: $thredded-base-border;
+  margin-top: $thredded-base-spacing;
+  padding-top: $thredded-large-spacing;
+  @media print {
+    display: none;
+  }
+}

data/app/assets/stylesheets/thredded/components/_topic-header.scss

@@ -0,0 +1,111 @@
+.thredded--topic-header {
+  margin-bottom: $thredded-small-spacing;
+  margin-top: 0;
+  @include thredded-media-desktop-and-up {
+    margin-bottom: $thredded-base-spacing + $thredded-small-spacing;
+    margin-top: $thredded-small-spacing;
+    @include thredded--clearfix;
+  }
+}
+
+.thredded--topic-header--title {
+  @extend %thredded--heading;
+  font-size: 1.25rem;
+  line-height: 1.2;
+  margin-bottom: $thredded-small-spacing / 2;
+  @include thredded-media-tablet-and-up {
+    font-size: 1.5rem;
+  }
+}
+
+.thredded--topic-header--participants {
+  color: $thredded-secondary-text-color;
+
+  &--participant {
+    > a {
+      @extend %thredded--link;
+      font-size: $thredded-font-size-small;
+    }
+    &::before {
+      content: '\2022\00A0'; // • and a non-breaking space
+    }
+  }
+}
+
+.thredded--topic-header--started-by {
+  font-size: $thredded-font-size-small;
+  color: $thredded-secondary-text-color;
+  font-style: normal;
+  a {
+    @extend %thredded--link;
+  }
+}
+
+.thredded--topic-header--edit-topic {
+  @extend %thredded--link;
+  font-size: $thredded-font-size-small;
+  margin-left: 0.4rem;
+  @media print {
+    display: none;
+  }
+}
+
+.thredded--topic-header--follow-info {
+  color: $thredded-secondary-text-color;
+  font-size: $thredded-font-size-small;
+  font-style: normal;
+  @include thredded-media-desktop-and-up {
+    float: right;
+    text-align: right;
+    max-width: 25rem;
+    position: relative;
+    form {
+      // Do not introduce extra margin
+      position: absolute;
+      right: 0;
+      vertical-align: text-top;
+      &.thredded--topic-header--follow-info--unfollow {
+        top: 1.625em;  // required for Safari and Firefox
+      }
+    }
+    &--reason {
+      display: block;
+      vertical-align: text-top;
+    }
+  }
+  p {
+    margin: 0;
+  }
+  &--reason {
+    display: inline-block;
+  }
+  form {
+    display: inline-block;
+    input[type=submit], button {
+      background:none;
+      border:none;
+      padding:0;
+      font: inherit;
+      cursor: pointer;
+      @extend %thredded--link;
+    }
+    @media print {
+      display: none;
+    }
+  }
+}
+
+
+.thredded--topic-header--follow-icon {
+  @extend %thredded--following-icon;
+  vertical-align: middle;
+}
+
+.thredded--topic-followers {
+  font-size: $thredded-font-size-small;
+  color: $thredded-secondary-text-color;
+}
+
+.thredded--svg-definitions {
+  display: none;
+}

data/app/assets/stylesheets/thredded/components/_topics.scss

@@ -0,0 +1,186 @@
+.thredded--topics--topic {
+  margin-bottom: $thredded-topics-list-gutter-y;
+  position: relative;
+
+  @include thredded-media-content-no-breakout {
+    margin-left: $thredded-topics-topic-posts-counter-width;
+  }
+  @include thredded-media-mobile {
+    margin-right: $thredded-topics-topic-follow-icon-width;
+  }
+}
+
+.thredded--topics--sticky-topics-divider {
+  margin-top: -$thredded-topics-list-gutter-y / 2;
+  margin-bottom: $thredded-topics-list-gutter-y / 2;
+  border: 0;
+  border-top: $thredded-base-border;
+}
+
+.thredded--topics--title {
+  @extend %thredded--heading;
+  display: inline;
+  font-size: 1.125rem; // 18px
+  line-height: 1.5;
+
+  a {
+    @extend %thredded--link;
+    color: $thredded-text-color;
+    display: inline;
+
+    &:hover {
+      color: $thredded-action-color;
+    }
+  }
+}
+
+.thredded--topics--categories {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  line-height: 1rem;
+
+  li {
+    font-size: .5rem;
+    display: inline-block;
+    color: $thredded-text-color;
+    background-color: lighten($thredded-text-color, 55%);
+    box-shadow: inset 0 -1px 0 lighten($thredded-text-color, 40%);
+    padding: 1px 6px;
+    border-radius: 2px;
+    text-transform: lowercase;
+    letter-spacing: 1px;
+    vertical-align: bottom;
+  }
+}
+
+.thredded--topics--started-by,
+.thredded--topics--updated-by {
+  color: $thredded-secondary-text-color;
+  font-size: $thredded-font-size-small;
+  font-style: normal;
+
+  a {
+    @extend %thredded--link;
+    color: lighten($thredded-text-color, 20%);
+
+    &:hover {
+      color: $thredded-action-color;
+    }
+  }
+
+  abbr {
+    &::after  {
+      content: ' by ';
+    }
+  }
+}
+
+.thredded--topics--updated-by {
+  margin-right: $thredded-small-spacing;
+
+  abbr {
+    &::before {
+      content: 'updated ';
+    }
+  }
+}
+
+.thredded--topics--participants--participant {
+  & + &::before {
+    content: '\2022\00A0'; // • and a non-breaking space
+  }
+}
+
+.thredded--topics--started-by {
+  display: none;
+
+  abbr {
+    &::before {
+      content: 'started ';
+    }
+  }
+}
+
+.thredded--topics--moderation-state {
+  padding: 0.3em 0.5em;
+  font-size: $thredded-font-size-small;
+  font-style: normal;
+}
+
+.thredded--topics--posts-count {
+  border-radius: 50%;
+  display: inline-block;
+  font-weight: 900;
+  font-size: 0.8rem;
+  height: 2rem;
+  left: -$thredded-topics-topic-posts-counter-width;
+  line-height: 2rem;
+  margin-right: $thredded-base-spacing;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  width: 2rem;
+  transition: background 0.1s linear, color 0.1s linear;
+}
+
+.thredded--topic-read {
+  > .thredded--topics--title a {
+    font-weight: lighter;
+  }
+  > .thredded--topics--posts-count {
+    background: $thredded-badge-inactive-background;
+    color: $thredded-badge-inactive-color;
+  }
+}
+
+.thredded--topic-unread {
+  > .thredded--topics--title a {
+    font-weight: bold;
+  }
+  > .thredded--topics--posts-count {
+    background: $thredded-badge-active-background;
+    color: $thredded-badge-active-color;
+  }
+}
+
+.thredded--topics--follow-icon {
+  position: absolute;
+  right: -1.6rem;
+  top: 0;
+  @include thredded-media-mobile {
+    right: -$thredded-topics-topic-posts-counter-width;
+  }
+}
+
+.thredded--topic-following {
+  .thredded--topics--follow-icon {
+    @extend %thredded--following-icon;
+  }
+}
+
+.thredded--topic-notfollowing {
+  .thredded--topics--follow-icon {
+    @extend %thredded--not-following-icon;
+  }
+}
+
+.thredded--new-topic-form,
+.thredded--new-private-topic-form {
+  @media print {
+    display: none;
+  }
+}
+
+.thredded--topic-locked {
+  .thredded--topics--posts-count {
+    color: $thredded-badge-locked-color;
+    background-color: $thredded-badge-locked-background;
+  }
+}
+
+.thredded--topic--locked-notice {
+  @extend %thredded--alert;
+  @extend %thredded--alert--warning;
+}