oulu 0.15.5 → 0.16.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2103ba11cddb1ca56427b31cc5480561d6c6f274
-  data.tar.gz: a04f0859e9f94b53a3e28bdad3002db3f48f3a51
+  metadata.gz: df3934db85a75397cdc893e3a800de2217e4b1ab
+  data.tar.gz: 94270b14258e532a1438d5f1572647ffe63df727
 SHA512:
-  metadata.gz: d44757c68556ed11029f6039b542b99020d2b1662e83f8269bd39c3cca18f83b6a9fc948ee1ce8d788083c4db2a5c5490ac2287303cc9503bddf40628abdbea0
-  data.tar.gz: 3ae00d93b3ce959d6cf054eb6efe0a672d3c4cd2fc402490cbebba996629466d807ff4c0de1aace8968bba20e794f02e9c46ba202798bb893a0674c3e3f0fcaa
+  metadata.gz: 79b4fede961874b9e05d52822cd34c19fe20a3b14fa877748a6bca6fcbdfb93ca38488cd2fb3372a6336f584acdb2dce24a968606676512a801b254a29d356fd
+  data.tar.gz: 5e36d5a17c3d3d973edd2090681b297058ed504fa3770f36d5e5595dfd0e92efc8e56fc0151167998d71180d7a366b9a77b03554017e2bd5a53cc8f14ad6d479

data/app/assets/stylesheets/modules/text-style/_amazlet.sass

@@ -0,0 +1,38 @@
+=amazlet
+  .amazlet-box
+    +margin(vertical, 1.5em 2em)
+    .amazlet-image
+      float: none !important
+      margin: 0 0 16px !important
+      a[target="_blank"]
+        &:after
+          content: none
+      img
+        max-width: 100%
+        width: 260px
+        display: block
+        +margin(horizontal, auto)
+        margin-bottom: 0 !important
+  .amazlet-info
+    text-align: center
+    margin-bottom: 0 !important
+  .amazlet-name
+    font-size: .875em
+    margin-bottom: .25em !important
+    a
+      text-decoration: none
+      color: $root-color
+  .amazlet-detail
+    font-size: .75em
+    margin-bottom: 0 !important
+  .amazlet-sub-info
+    float: none !important
+    text-align: right
+  .amazlet-link
+    display: none
+  .amazlet-powered-date
+    display: none !important
+  .amazlet-box:last-child
+    margin-top: 4em
+    .amazlet-image img
+      width: 10em

data/app/assets/stylesheets/modules/text-style/_disabled-h1.sass

@@ -0,0 +1,18 @@
+=disabled-h1($disabled-h1, $pc-font-size, $mobile-font-size)
+  @if $disabled-h1 = true
+    h1
+      color: transparent
+      height: 1.75rem
+      font-size: .5rem
+      +position(relative)
+      +media-breakpoint-down(sm)
+        height: 3.25rem
+      &::before
+        +text-block($pc-font-size 1.45 .5em, $reversal-text flex)
+        align-items: center
+        content: "要修正: 本文中の見出しは h1（#）は使わず h2（##）から始めてください"
+        background-color: red
+        +padding(horizontal, .5rem)
+        +position(absolute, left 0, top 0, right 0, bottom 0)
+        +media-breakpoint-down(sm)
+          font-size: $mobile-font-size

data/app/assets/stylesheets/modules/text-style/_link-card.sass

@@ -0,0 +1,67 @@
+=link-card
+  .link-card
+    width: 100%
+    max-width: 35rem
+    +margin(horizontal, auto)
+    +margin(vertical, 1.5em 2em)
+    background: #fff
+    border: solid .0625rem mix($font, $background, 16%)
+    border-radius: .25rem
+    padding: .625rem .75rem .5rem
+
+  .link-card__inner
+    +position(relative)
+    padding-right: 7rem
+    min-height: 6rem
+    display: flex
+    flex-direction: column
+
+  .link-card__main
+    flex: 100
+
+  .link-card__og-image-container
+    +size(6rem)
+    +position(absolute, right 0, top 0)
+    margin: 0 0 .625rem .625rem
+    overflow: hidden
+    border: solid .0625rem mix($font, $background, 8%)
+    border-radius: .25rem
+    &:hover
+      border-color: mix($font, $background, 16%)
+
+  .link-card__og-image-link
+    display: block
+
+  .link-card__og-image
+    width: auto
+    height: 100px
+    margin: 0
+    vertical-align: middle
+    display: inline
+    border: none
+
+  .link-card__header
+    margin-bottom: .25rem
+
+  .link-card__title
+    +text-block(1rem 1.4 0, 600 $default-text)
+
+  .link-card__title-link
+    color: $default-text
+    display: block
+    +hover-link
+
+  .link-card__description
+    +text-block(.75em 1.4 0, $muted-text)
+
+  .link-card__footer
+    border-top: .0625rem solid mix($font, $background, 8%)
+    margin-top: .5rem
+    padding-top: .375rem
+    +text-block(.75em 1.4 0, flex)
+    flex: 0 0 1.375rem
+
+  .link-card__favicon
+    +size(1rem)
+    +margin(horizontal, 0 .25rem)
+    border: none

data/app/assets/stylesheets/modules/text-style/_list.sass

@@ -0,0 +1,16 @@
+=list
+  ol
+    list-style-type: decimal
+  >ul,
+    list-style-type: disc
+  >ol
+    list-style-type: decimal
+  li
+    ul,
+    ol
+      +margin(vertical, .5em)
+    >ul
+      list-style-type: circle
+      >li
+        >ul
+          list-style-type: square

data/app/assets/stylesheets/modules/text-style/_long-text-style.sass

@@ -0,0 +1,195 @@
+@import list
+@import link-card
+@import amazlet
+@import twitter-tweet
+@import disabled-h1
+@import modules/web-fonts/source-code-pro
+
+$background: white !default
+$font: #333 !default
+$disabled-h1: false !default
+
+=long-text-style($pc-font-size: 1rem, $mobile-font-size: .8125rem, $background: $base-color, $font: $default-text, $disabled-h1: true)
+  font-size: $pc-font-size
+  +media-breakpoint-down(sm)
+    font-size: $mobile-font-size
+  >*:first-child
+    margin-top: 0
+  >*:last-child
+    margin-bottom: 0
+  +disabled-h1($disabled-h1, $pc-font-size, $mobile-font-size)
+  h2
+    +text-block(1.625em 1.4 1em, 600)
+    padding-bottom: .25em
+    border-bottom: .0625rem solid mix($font, $background, 20%)
+  * + h2
+    margin-top: 1.4em
+
+  * + h3,
+  * + h4,
+  * + h5
+    margin-top: 1.5em
+  h3
+    +text-block(1.375em 1.4 .625em, 600)
+  h4
+    +text-block(1.25em 1.3 .625em, 600)
+  h5
+    +text-block(1.125em 1.3 .625em, 600)
+  h6
+    +text-block(1em 1.3 .625em, 600)
+  p
+    +text-block(1em 1.8 1.5em)
+  a
+    +hover-link-reversal
+    p &
+      word-break: break-all
+    &:hover
+      img
+        border-color: mix($font, $background, 16%)
+  code
+    +source-code-pro
+  pre
+    code
+      +text-block(.875em 1.5)
+  p,
+  li
+    code
+      +text-block(.875em 1.7, $default-text inline-flex)
+      align-items: center
+      letter-spacing: 0
+      +padding(horizontal, .25rem)
+      border: solid .0625rem mix($font, $background, 20%)
+      background-color: mix($font, $background, 4%)
+      +margin(horizontal, .25rem)
+      border-radius: .125rem
+  hr
+    display: block
+    +margin(vertical, 1.5em 2em)
+    &:before
+      +fa('\f069\f069\f069')
+      display: block
+      +text-block(.9375rem 1, center)
+      +letter-spacing-center(.25rem)
+  img
+    max-width: 100%
+    display: block
+    +margin(horizontal, auto)
+    border: .0625rem solid mix($font, $background, 10%)
+    +media-breakpoint-down(sm)
+      max-width: 100% !important
+    &.is-xs
+      max-width: 10em
+    &.is-sm
+      max-width: 20em
+    &.is-md
+      max-width: 30em
+
+  +list
+  ul,
+  ol
+    list-style-position: outside
+    margin-left: 1.75em
+    margin-bottom: 1.5em
+  li
+    +text-block(1em 1.8)
+    +margin(vertical, .75em)
+    &:first-child
+      margin-top: 0
+    &:last-child
+      margin-bottom: 0
+    input
+      margin-right: .25rem
+  p + ul,
+  p + ol
+    margin-top: 1em
+
+  table
+    width: 100%
+    margin-bottom: 2em
+
+  th,
+  td
+    border: solid .0625rem mix($font, $background, 40%)
+    padding: .5em .625em
+    +text-block(.875em 1.4)
+
+  th
+    background-color: mix($font, $background, 8%)
+
+  tbody tr
+    &:nth-child(even)
+      background-color: mix($font, $background, 2%)
+
+  dl
+    margin: 1.5em 0 2em
+    +border(vertical, .0625rem solid mix($font, $background, 8%))
+    +padding(vertical, 2em)
+    @extend .row
+    +media-breakpoint-down(sm)
+      +padding(vertical, 1.5em)
+      +border(vertical, dotted)
+  dt
+    +text-block(.875em 1.6 .5em, bold)
+    margin-top: 1em
+    padding-right: .5em
+    @extend .col-sm-4
+    @extend .col-xs-12
+    +media-breakpoint-down(sm)
+      padding: 0
+    &:first-child
+      margin-top: 0
+      &+dd
+        margin-top: 0
+    &+dd
+      margin-top: 1em
+      +media-breakpoint-down(sm)
+        margin-top: 0
+  dd
+    +text-block(.875em 1.6 1em)
+    @extend .col-sm-8
+    @extend .col-xs-12
+    +media-breakpoint-down(sm)
+      padding: 0
+    &+dd
+      @extend .offset-sm-4
+    &:last-child
+      margin-bottom: 0
+
+  blockquote
+    padding-left: 1.5em
+    +margin(vertical, 1.5em 2em)
+    +position(relative)
+    border-left: solid .25em mix($font, $background, 10%)
+    +list
+    p + &
+      +margin(vertical, 3em 2.5em)
+    code
+      font-style: normal
+    >*:last-child
+      margin-bottom: 0 !important
+
+  details
+    +text-block(.875rem 1.8 1.5em)
+    border: solid .0625rem mix($font, $background, 20%)
+    border-radius: .25rem
+    summary
+      +text-block(1em 1.8 0)
+      cursor: pointer
+      padding: .5em 1em
+      outline: none
+      & + div
+        padding: .5em 1em
+        *:last-child
+          margin-bottom: 0
+    &[open] summary
+      border-bottom: solid .0625rem mix($font, $background, 20%)
+
+  iframe
+    display: block
+    max-width: 100%
+    +margin(vertical, 1.5em 2em)
+    +margin(horizontal, auto)
+
+  +amazlet
+  +twitter-tweet
+  +link-card

data/app/assets/stylesheets/modules/text-style/_twitter-tweet.sass

@@ -0,0 +1,9 @@
+=twitter-tweet
+  .twitter-tweet
+    +margin(horizontal, auto)
+    margin-top: 1.5em !important
+    margin-bottom: 2em !important
+    &:first-child
+      margin-top: 0 !important
+    &:last-child
+      margin-bottom: 0 !important

data/app/assets/stylesheets/modules/themes/admin/_admin.sass

@@ -0,0 +1,59 @@
+//////////////
+//settings
+//////////////
+
+// functions-before-variables
+@import oulu-functions-before-variables
+
+// variables
+@import oulu-variables
+
+// oulu-functions-after-variables (functions need variables)
+@import oulu-functions-after-variables
+
+// mixins
+@import oulu-mixins
+
+@import modules/themes/admin/settings/admin-colors
+
+
+//////////////
+// initializers
+//////////////
+
+@import oulu-initializers
+
+//////////////
+// helpers
+//////////////
+
+@import oulu-helpers
+
+//////////////
+// blocks
+//////////////
+
+@import modules/text-style/long-text-style
+@import modules/buttons/buttons
+@import modules/themes/admin/base
+@import modules/themes/admin/blocks/header/admin-header-nav
+@import modules/themes/admin/blocks/header/admin-header
+@import modules/themes/admin/blocks/header/admin-header-show-mobile-nav
+
+@import modules/themes/admin/blocks/table/admin-table
+@import modules/themes/admin/blocks/table/admin-table-form
+@import modules/themes/admin/blocks/table/admin-table-sort
+
+@import modules/themes/admin/blocks/admin/admin-page-header
+
+@import modules/themes/admin/blocks/form/admin-flash
+@import modules/themes/admin/blocks/form/admin-form
+@import modules/themes/admin/blocks/form/admin-form-inputs
+@import modules/themes/admin/blocks/form/admin-actions
+@import modules/themes/admin/blocks/form/admin-form-file
+@import modules/themes/admin/blocks/form/admin-form-radio
+
+@import modules/themes/admin/blocks/navs/admin-breadcrumbs
+@import modules/themes/admin/blocks/navs/admin-stack-nav
+@import modules/themes/admin/blocks/navs/admin-tabs-nav
+@import modules/themes/admin/blocks/navs/pagination

data/app/assets/stylesheets/modules/themes/admin/_base.sass

@@ -0,0 +1,31 @@
+html
+  background-color: $admin-base-color
+  color: $admin-default-text
+
+.container
+  +media-breakpoint-down(sm)
+    +padding(horizontal, .5rem)
+  &.is-sm
+    max-width: 24rem
+  &.is-md
+    max-width: 45rem
+  &.is-lg
+    max-width: 54rem
+
+a
+  transition: all .2s ease-in
+
+\:placeholder-shown
+  color: $admin-placeholder-text
+::-webkit-input-placeholder
+  color: $admin-placeholder-text
+\:-moz-placeholder
+  opacity: 1
+  color: $admin-placeholder-text
+::-moz-placeholder
+  opacity: 1
+  color: $admin-placeholder-text
+\:-ms-input-placeholder
+  color: $admin-placeholder-text
+.placeholder
+  color: $admin-placeholder-text

data/app/assets/stylesheets/modules/themes/admin/blocks/admin/_admin-page-header.sass

@@ -0,0 +1,9 @@
+.admin-page-header
+  font-size: 1.25rem
+  border-bottom: solid .0625rem $admin-border
+  +padding(vertical, 1.25rem)
+
+.admin-page-header__title
+  +text-block(1em 1, 700 $admin-default-text)
+  +media-breakpoint-down(sm)
+    font-size: 1rem

data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-actions.sass

@@ -0,0 +1,35 @@
+.admin-actions
+  margin-top: 1.5rem
+
+.admin-actions__items
+  display: flex
+  justify-content: center
+  align-items: baseline
+  +margin(horizontal, -.5rem)
+  +media-breakpoint-down(sm)
+    display: block
+    +margin(horizontal, 0)
+
+.admin-actions__item
+  display: block
+  +padding(horizontal, .5rem)
+  +media-breakpoint-down(sm)
+    +padding(horizontal, 0)
+    &:not(:last-child)
+      margin-bottom: 1.25rem
+
+.admin-actions__item-action
+  &.is-main
+    min-width: 16rem
+    +padding(horizontal, .75rem)
+    +media-breakpoint-down(sm)
+      width: 100%
+      min-width: 0
+  &.is-sub
+    +hover-link-reversal
+    +text-block(.8125rem 1, block center)
+    color: $admin-link-text
+    i
+      margin-right: .5rem
+  &.is-danger
+    color: $admin-danger-text

data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-flash.sass

@@ -0,0 +1,58 @@
+.admin-flash
+  overflow: hidden
+  border-bottom: solid .0625rem
+  &.is-alert
+    background-color: $admin-flash-alert-background
+    border-color: $admin-flash-alert-text
+    color: $admin-flash-alert-text
+  &.is-notice
+    background-color: $admin-flash-notice-background
+    border-color: $admin-flash-notice-text
+    color: $admin-flash-notice-text
+  &.is-hidden
+    animation: fade-out 1s ease 0s forwards
+    body.is-ie11 &,
+    body.is-edge &
+      display: none
+
+.admin-flash__inner
+  padding: .75rem 2.75rem .75rem 0
+  +position(relative)
+  +media-breakpoint-down(sm)
+    padding-left: 1.625rem
+
+.admin-flash__title
+  +text-block(.875rem 1.45 .5rem)
+
+.admin-flash__item
+  +text-block(.8125rem 1.45 .25rem)
+  &:last-child
+    margin-bottom: 0
+
+.admin-flash__message
+  +text-block(.8125rem 1.45, center)
+
+.admin-flash__close
+  +position(absolute, right 0, top -.0625rem)
+  +size(2.75rem)
+  +text-block(2rem 1, flex)
+  align-items: center
+  justify-content: center
+  opacity: .7
+  cursor: pointer
+  transition: all .2s ease-in
+  +media-breakpoint-down(sm)
+    left: -.75rem
+  &:hover
+    opacity: 1
+  *
+    cursor: pointer
+
+.admin-flash__close-icon
+  +position(relative, top -.1875rem)
+
+.admin-flash__body
+  p
+    +text-block(.8125rem 1.45, center)
+    +media-breakpoint-down(sm)
+      font-size: .75rem

data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-file.sass

@@ -0,0 +1,33 @@
+.admin-form-file
+  text-align: center
+
+.admin-form-file__image
+  margin-bottom: .75rem
+  +size(6rem)
+  display: flex
+  align-items: center
+  justify-content: center
+  +margin(horizontal, auto)
+
+.admin-form-file__image-name
+  display: none
+  +text-block(.75rem 1 .75rem, center)
+  &.is-shown
+    display: block
+
+.admin-form-file__action
+  +position(relative)
+
+[class*="is-button-"].is-file
+  input
+    opacity: 0
+    +position(absolute, left 0, top 0)
+    +size(0)
+    overflow: hidden
+
+.admin-form-file__action-label
+  display: none
+  .admin-form-file.is-unuploaded &.is-unuploaded
+    display: block
+  .admin-form-file.is-uploaded &.is-uploaded
+    display: block

data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-inputs.sass

@@ -0,0 +1,12 @@
+.admin-form-inputs__items
+  display: flex
+  flex-wrap: wrap
+  +margin(horizontal, -.25rem)
+  margin-bottom: -.5rem
+
+.admin-form-inputs__item
+  +margin(horizontal, .25rem)
+  margin-bottom: .5rem
+  display: flex
+  align-items: center
+  max-width: 100%

data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-radio.sass

@@ -0,0 +1,64 @@
+.admin-form-radio
+  +text-block(.8125rem 1.45, flex)
+  +position(relative)
+  padding-left: 1rem
+  cursor: pointer
+  input
+    +position(absolute, left 0, top 0)
+    opacity: 0
+  &::before
+    content: ""
+    display: block
+    +size(.75rem)
+    border-radius: 50%
+    +position(absolute, left 0, top 50%)
+    margin-top: -.375rem
+    background-color: $admin-background-shade
+    border: solid .0625rem $admin-border-shade
+    box-shadow: rgba(black, .2) 0 .0625rem .0625rem inset
+  &.is-checked
+    &::before
+      border-color: $admin-form-check
+    &::after
+      content: ""
+      display: block
+      +size(.5rem)
+      border-radius: 50%
+      +position(absolute, left .125rem, top 50%)
+      margin-top: -.25rem
+      background-color: $admin-form-check
+      box-shadow: rgba(black, .2) 0 0 0 .0625rem inset
+
+.admin-form-radio__item
+  +padding(horizontal, .5rem)
+
+.admin-form-checkbox
+  +text-block(.8125rem 1.45, flex)
+  +position(relative)
+  padding-left: 1rem
+  cursor: pointer
+  input
+    +position(absolute, left 0, top 0)
+    opacity: 0
+  &::before
+    content: ""
+    display: block
+    +size(.75rem)
+    border-radius: .125rem
+    +position(absolute, left 0, top 50%)
+    margin-top: -.375rem
+    background-color: $admin-background-shade
+    border: solid .0625rem $admin-border-shade
+    box-shadow: rgba(black, .2) 0 .0625rem .0625rem inset
+  &.is-checked
+    &::before
+      border-color: $admin-form-check
+    &::after
+      +fa("\f00c")
+      +text-block(.75rem 1, $admin-form-check flex)
+      align-items: center
+      justify-content: center
+      +size(1rem)
+      border-radius: 50%
+      +position(absolute, left -.125rem, top 50%)
+      margin-top: -.5rem