oulu 0.19.1 → 1.0.0.beta1

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

@@ -1,207 +0,0 @@
-@import list
-@import link-card
-@import amazlet
-@import twitter-tweet
-@import disabled-h1
-@import ../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: false)
-  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 .75em, 700)
-    padding-bottom: .25em
-    border-bottom: .0625rem solid mix($font, $background, 20%)
-  h1 + h2
-    margin-top: 1em
-  * + h2
-    margin-top: 1.4em
-
-  * + h3,
-  * + h4,
-  * + h5
-    margin-top: 1.5em
-  h3
-    +text-block(1.375em 1.4 .625em, 700)
-  h4
-    +text-block(1.25em 1.3 .625em, 700)
-  h5
-    +text-block(1.125em 1.3 .625em, 700)
-  h6
-    +text-block(1em 1.3 .625em, 700)
-  p
-    +text-block(1em 1.8 1.5em)
-  a
-    word-break: break-all
-    +hover-link-reversal
-    p &
-      word-break: break-all
-    &:hover
-      img
-        border-color: mix($font, $background, 16%)
-  code
-    +source-code-pro
-    tab-size: 2
-    hyphens: none
-
-  pre
-    padding: 0
-    margin-bottom: 1.5em
-    code
-      border: solid .0625rem mix($font, $background, 20%)
-      +text-block(.9375em 1.5)
-      overflow: auto
-      display: block
-      width: 100%
-      padding: .875em
-  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
-      border-top: solid .125rem mix($font, $background, 10%)
-      display: block
-  img
-    max-width: 100%
-    height: auto
-    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, .5em)
-    &: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

@@ -1,9 +0,0 @@
-=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

@@ -1,59 +0,0 @@
-//////////////
-//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 ../../themes/admin/settings/admin-colors
-
-
-//////////////
-// initializers
-//////////////
-
-@import ../../../oulu-initializers
-
-//////////////
-// helpers
-//////////////
-
-@import ../../../oulu-helpers
-
-//////////////
-// blocks
-//////////////
-
-@import ../../text-style/long-text-style
-@import ../../buttons/buttons
-@import ../../themes/admin/base
-@import ../../themes/admin/blocks/header/admin-header-nav
-@import ../../themes/admin/blocks/header/admin-header
-@import ../../themes/admin/blocks/header/admin-header-show-mobile-nav
-
-@import ../../themes/admin/blocks/table/admin-table
-@import ../../themes/admin/blocks/table/admin-table-form
-@import ../../themes/admin/blocks/table/admin-table-sort
-
-@import ../../themes/admin/blocks/admin/admin-page-header
-
-@import ../../themes/admin/blocks/form/admin-flash
-@import ../../themes/admin/blocks/form/admin-form
-@import ../../themes/admin/blocks/form/admin-form-inputs
-@import ../../themes/admin/blocks/form/admin-actions
-@import ../../themes/admin/blocks/form/admin-form-file
-@import ../../themes/admin/blocks/form/admin-form-radio
-
-@import ../../themes/admin/blocks/navs/admin-breadcrumbs
-@import ../../themes/admin/blocks/navs/admin-stack-nav
-@import ../../themes/admin/blocks/navs/admin-tabs-nav
-@import ../../themes/admin/blocks/navs/pagination

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

@@ -1,34 +0,0 @@
-html
-  background-color: $admin-base-color
-  color: $admin-default-text
-
-body
-  padding-bottom: 1.5rem
-
-.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

@@ -1,9 +0,0 @@
-.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

@@ -1,36 +0,0 @@
-.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
-    cursor: pointer
-    i
-      margin-right: .5rem
-  &.is-danger
-    color: $admin-danger-text

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

@@ -1,58 +0,0 @@
-.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

@@ -1,33 +0,0 @@
-.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

@@ -1,13 +0,0 @@
-.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%
-  font-size: .875rem

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

@@ -1,82 +0,0 @@
-.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%)
-    transform: translate(0, -50%)
-    background-color: $admin-background-shade
-    border: solid .0625rem $admin-border-shade
-    box-shadow: rgba(black, .2) 0 .0625rem .0625rem inset
-  .is-one-checkbox &
-    padding-left: 0
-    +size(100% 1.875rem)
-    +margin(vertical, -.375rem)
-  .is-one-checkbox &::before
-    left: 50%
-    transform: translate(-50%, -50%)
-    margin-left: 0
-  &.is-checked
-    &::before
-      border-color: $admin-form-check
-    &::after
-      +fa(fas "\f00c")
-      +text-block(.75rem 1, $admin-form-check flex)
-      align-items: center
-      justify-content: center
-      +size(.75rem)
-      border-radius: 50%
-      +position(absolute, left 0, top 50%)
-      transform: translate(0, -50%)
-  .is-one-checkbox &.is-checked::after
-    left: 50%
-    transform: translate(-50%, -50%)
-    margin-left: 0
-  &.is-lg
-    &::before
-      +size(1rem)
-    &::after
-      +size(1rem)
-      font-size: 1rem

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

@@ -1,117 +0,0 @@
-=text-input-style
-  border: solid .0625rem $admin-text-input-border
-  background-color: $admin-text-input-background
-  transition: color .2s ease-in, background-color .2s ease-in
-  box-shadow: rgba(black, .1) 0 1px 1px inset
-  padding: .375rem
-  +text-block(.875rem 1.5)
-  border-radius: .1875rem
-  width: 100%
-  +media-breakpoint-down(sm)
-    padding: .25rem .375rem
-    font-size: 1rem
-  &:focus
-    border-color: $admin-focused-text-input-border
-    background-color: $admin-focused-text-input-background
-    box-shadow: $admin-focused-text-input-border 0 0 .1875rem
-  .field_with_errors &
-    border-color: $danger
-    background-color: tint($danger, 80%)
-    &:focus
-      border-color: $admin-focused-text-input-border
-      box-shadow: $admin-focused-text-input-border 0 0 .1875rem
-
-.admin-form
-  +padding(vertical, 1.25rem)
-  &.is-search
-    +padding(vertical, 1.25rem 0)
-    .container
-      +media-breakpoint-down(sm)
-        +padding(horizontal, 0)
-    .admin-form__form
-      background-color: $admin-background
-      border: solid .0625rem $admin-border-tint
-      padding: 1rem
-
-.admin-form-item
-  margin-bottom: 1.5rem
-  &:last-child
-    margin-bottom: 0
-  &.is-inline
-    +media-breakpoint-up(md)
-      display: flex
-      .admin-form-item__label-area
-        flex: 0 0 12rem
-        padding-right: 1rem
-        margin-bottom: 0
-        display: flex
-        align-items: center
-      .admin-form-item__label
-        +text-block(.8125rem 1.45, right block)
-        width: 100%
-      .admin-form-item__input-area
-        flex: 100
-
-.admin-form-item__label-area
-  margin-bottom: .5rem
-
-.admin-form-item__label
-  +text-block(1rem 1.45, 600 block)
-  +media-breakpoint-down(sm)
-    font-size: .8125rem
-  &.is-required
-    &::before
-      content: "必須"
-      +text-block(.625rem 1, 400 $danger)
-      border: solid .0625rem $danger
-      padding: .0625rem .125rem
-      margin-right: .25rem
-      +top(-.0625rem)
-      border-radius: .125rem
-  abbr
-    color: $danger
-
-.admin-form-item__label-area-description
-  p
-    +text-block(.75rem 1.45)
-
-.admin-form-item__input-area-description
-  margin-top: .25rem
-  p
-    +text-block(.75rem 1.45)
-
-.admin-form-item__text-input
-  +text-input-style
-  max-width: 100%
-  &.is-xs
-    width: 4rem
-  &.is-sm
-    width: 8rem
-  &.is-md
-    width: 14rem
-  &.is-lg
-    width: 20rem
-  &.is-xl
-    width: 26rem
-
-.admin-form-item__textarea
-  +text-input-style
-  min-height: 11.25rem
-  overflow: hidden
-
-.admin-form-item__radios
-  display: flex
-  flex-wrap: wrap
-  +margin(horizontal, -.5rem)
-
-.admin-form-item__radios-item
-  +padding(horizontal, .5rem)
-
-.admin-form-item__select
-  border: solid .0625rem
-  cursor: pointer
-  +text-input-style
-  +position(relative)
-  height: 2.25em
-  appearance: menulist-button
-  -webkit-appearance: menulist-button

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

@@ -1,22 +0,0 @@
-.admin-header-nav
-  +media-breakpoint-down(sm)
-    display: none
-
-.admin-header-nav__items
-  display: flex
-  border-radius: .25rem
-  +margin(horizontal, -.25rem)
-
-.admin-header-nav__item
-  display: block
-  +padding(horizontal, .25rem)
-
-.admin-header-nav__item-link
-  +text-block(.75rem 1, flex $admin-muted-text)
-  border: solid .0625rem $admin-border
-  +size(auto 1.75rem)
-  +padding(horizontal, 1.4em)
-  align-items: center
-  border-radius: .25rem
-  &:hover
-    background-color: $admin-background

data/app/assets/stylesheets/modules/themes/admin/blocks/header/_admin-header-show-mobile-nav.sass

@@ -1,8 +0,0 @@
-.admin-header-show-mobile-nav
-  +size(2.75rem)
-  +text-block(1rem 1, flex)
-  align-items: center
-  justify-content: center
-  margin-right: -.5rem
-  +media-breakpoint-up(md)
-    display: none