oulu 0.19.1 → 1.0.0.beta1

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

@@ -1,19 +0,0 @@
-.admin-header
-  border-bottom: solid .125rem $admin-main-color
-  background-color: $admin-base-color
-
-.admin-header__inner
-  display: flex
-  justify-content: space-between
-  align-items: center
-  height: 3.25rem
-  +media-breakpoint-down(sm)
-    height: 3rem
-
-.admin-header__title
-  +text-block(1.25rem 1, $admin-main-color 700)
-  +media-breakpoint-down(sm)
-    font-size: 1rem
-
-.admin-header__title-link
-  color: $admin-main-color

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

@@ -1,45 +0,0 @@
-$admin-breadcrumbs-height: 1.5rem
-
-.admin-breadcrumbs
-  background-color: $admin-base-color
-  border-bottom: solid .0625rem $admin-border
-  +media-breakpoint-down(sm)
-    display: none
-
-.admin-breadcrumbs__items
-  height: 1.75rem
-  display: flex
-  flex-wrap: wrap
-  align-items: center
-
-.admin-breadcrumbs__item
-  +position(relative)
-  padding-right: $admin-breadcrumbs-height
-  &::before
-    content: ">"
-    +text-block(.875rem 1, $admin-muted-text flex)
-    +position(absolute, right 0, top 0)
-    +size($admin-breadcrumbs-height)
-    align-items: center
-    justify-content: center
-  &:last-child
-    padding-right: 0
-    &::before
-      content: none
-
-.admin-breadcrumbs__item-link
-  +text-block(.75rem 1.3, $admin-muted-text flex)
-  +hover-link
-  height: $admin-breadcrumbs-height
-  align-items: center
-  &:hover
-    color: $admin-link-text
-  .admin-breadcrumbs__item:last-child &,
-  .admin-breadcrumbs__item:last-child &:hover
-    text-decoration: none
-    cursor: default
-    color: $admin-muted-text
-  &.is-home
-    font-size: 1rem
-    +padding(horizontal, .125rem)
-    margin-left: -.125rem

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

@@ -1,51 +0,0 @@
-$admin-stack-nav-width: 12rem !default
-$admin-stack-nav-font-size: .8125rem !default
-
-body
-  padding-left: $admin-stack-nav-width
-  +media-breakpoint-down(sm)
-    padding-left: 0
-
-.admin-stack-nav
-  +position(fixed, left 0, top 0, bottom 0)
-  background-color: $admin-main-color
-  width: $admin-stack-nav-width
-  font-size: $admin-stack-nav-font-size
-  +media-breakpoint-down(sm)
-    display: none
-
-.admin-stack-nav__item
-  border-bottom: solid .0625rem rgba(white, .15)
-
-.admin-stack-nav__item-link
-  +text-block(1em 1.4, $admin-reversal-text flex)
-  padding: .875em
-  min-height: 3.15em
-  align-items: center
-  &:hover
-    background-color: shade($admin-main-color, 20%)
-  &.is-current
-    background-color: shade($admin-main-color, 30%)
-    &:hover
-      background-color: shade($admin-main-color, 30%)
-
-.admin-stack-nav__item-link-icon
-  font-size: 1.125em
-  margin-right: .5em
-
-.admin-stack-nav-children__item
-  &:not(:last-child)
-    border-bottom: solid .0625rem rgba(white, .15)
-
-.admin-stack-nav-children__item-link
-  +text-block(1em 1.4, $admin-reversal-text flex)
-  padding: .875em
-  min-height: 3.15em
-  align-items: center
-  background-color: shade($admin-main-color, 20%)
-  &:hover
-    background-color: shade($admin-main-color, 20%)
-  &.is-current
-    background-color: shade($admin-main-color, 30%)
-    &:hover
-      background-color: shade($admin-main-color, 30%)

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

@@ -1,49 +0,0 @@
-$admin-tabs-nav-font-size: .75rem
-$admin-tabs-nav-height: 3em
-
-.admin-tabs-nav
-  font-size: $admin-tabs-nav-font-size
-  +overflow(auto hidden)
-  -webkit-overflow-scrolling: touch
-  position: relative
-  padding-top: .5em
-  background-color: $admin-background-shade
-  &.has-scroll-x
-    height: calc(#{$admin-tabs-nav-height} + .9375rem)
-    +media-breakpoint-down(md)
-      height: $admin-tabs-nav-height
-  &::before
-    content: ''
-    +size(100% 1px)
-    background-color: $admin-border
-    display: block
-    +position(absolute, left 0, bottom 0)
-
-.admin-tabs-nav__items
-  display: flex
-  +position(relative)
-  .admin-tabs-nav >&
-    +padding(horizontal, 1rem)
-
-.admin-tabs-nav__item-link
-  +text-block(1em 1.3, flex $admin-muted-text)
-  align-items: center
-  justify-content: center
-  +size(auto $admin-tabs-nav-height)
-  padding-bottom: .0625rem
-  +padding(horizontal, 1em)
-  border: .0625rem solid transparent
-  +border-radius(top, .1875rem)
-  transition: all .2s ease-in
-  min-width: 9em
-  &.is-active,
-  &.is-active:hover
-    border-color: $admin-border
-    border-bottom-color: $admin-base-color
-    background-color: $admin-base-color
-    color: $admin-default-text
-    text-decoration: none
-    cursor: default
-  &:hover
-    color: $admin-default-text
-    text-decoration: underline

data/app/assets/stylesheets/modules/themes/admin/blocks/navs/_pagination.sass

@@ -1,63 +0,0 @@
-.pagination
-  display: flex
-  justify-content: center
-  margin-bottom: 1rem
-  +media-breakpoint-down(md)
-    align-items: center
-    justify-content: center
-  .admin-table__inner + &
-    +margin(vertical, 1rem 0)
-
-.pagination__page-count
-  display: none
-  +media-breakpoint-down(md)
-    +text-block(.75rem 1, center block)
-    +margin(horizontal, 1.25rem)
-    .pagination.is-first &
-      margin-left: 3.5rem
-    .pagination.is-last &
-      margin-right: 3.5rem
-
-.pagination__item
-  +text-block(.75rem 1, center flex)
-  align-items: center
-  justify-content: center
-  +size(1.75rem)
-  border: solid .0625rem $admin-border
-  &:not(:first-child)
-    border-left: none
-  &.is-current
-    background-color: $admin-background-dark
-    color: $admin-default-text
-  &.is-gap
-    +border(vertical, none)
-  &.is-prev,
-  &.is-next
-    +media-breakpoint-down(md)
-      +size(2.25rem)
-      border: none
-      a
-        border: solid .0625rem $admin-border
-        +size(2.25rem)
-        border-radius: .25rem
-  &.is-page,
-  &.is-first,
-  &.is-last
-    +media-breakpoint-down(md)
-      display: none
-
-.pagination__link
-  border: none
-  +size(100%)
-  +flex-link
-  align-items: center
-  justify-content: center
-  color: $admin-muted-text
-  background-color: $admin-base-color
-  &:link,
-  &:visited
-    color: $admin-muted-text
-  &:hover,
-  &:active
-    color: $admin-default-text
-    background-color: $admin-background-shade

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

@@ -1,10 +0,0 @@
-.admin-table-form
-  .container
-    +media-breakpoint-down(sm)
-      +padding(horizontal, 0)
-
-.admin-table-form__inner
-  background-color: $admin-background
-  border: solid .0625rem $admin-border-tint
-  padding: 1rem
-  margin-bottom: 1.5rem

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

@@ -1,21 +0,0 @@
-.admin-table-sort
-  display: flex
-  align-items: center
-
-.admin-table-sort__label
-  flex: 100
-
-.admin-table-sort__items
-  display: flex
-  +margin(vertical, -.25rem)
-
-.admin-table-sort__link
-  +text-block(1rem 1, flex $admin-default-text)
-  align-items: center
-  justify-content: center
-  +size(1.5rem)
-  border-radius: .25rem
-  .admin-table__table &
-    text-decoration: none
-  &:hover
-    background-color: $admin-background

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

@@ -1,82 +0,0 @@
-$admin-table-font-size: .75rem
-
-.admin-table
-  width: 100%
-  +margin(vertical, 1.25rem)
-  +padding(horizontal, 1rem)
-  +media-breakpoint-down(sm)
-    +padding(horizontal, .5rem)
-    .container &
-      +padding(horizontal, 0)
-  .admin-table + &
-    margin-top: 2rem
-
-.admin-tablet__title
-  border-left: solid 6px $admin-main-color
-  padding-left: .625rem
-  +padding(vertical, .125rem)
-  +text-block(1.125rem 1.4 .875rem, 700)
-
-.admin-table__inner
-  overflow-x: auto
-
-.admin-table__table
-  min-width: 100%
-  background-color: $admin-base-color
-  font-size: $admin-table-font-size
-
-.admin-table__header-label,
-.admin-table__header-value,
-.admin-table__body-label,
-.admin-table__body-value,
-.admin-table-body-actions
-  border: solid .0625rem $admin-border
-  +text-block(1em 1.4)
-  padding: .5em 1em
-  +media-breakpoint-down(sm)
-    font-size: .75rem
-
-.admin-table__body-item
-  &:nth-child(even)
-    background-color: $admin-background
-
-.admin-table__body-label,
-.admin-table__header-label
-  font-weight: 700
-  background-color: $admin-background-dark
-  border: solid .0625rem $admin-border-shade
-  color: $admin-default-text
-  white-space: nowrap
-
-.admin-table__header-label
-  &.is-one-checkbox::before,
-  &.is-one-checkbox::after
-
-.admin-table__body-label
-  vertical-align: top
-  text-align: right
-  width: 15rem
-  +media-breakpoint-down(sm)
-    text-align: left
-    width: auto
-  .admin-table__body-item:nth-child(even) &
-    background-color: $admin-background-dark-more
-
-.admin-table__body-value
-  +long-text-style(.8125rem, .75rem)
-
-.admin-table-body-actions__items
-  display: flex
-  align-items: center
-  justify-content: center
-  +media-breakpoint-down(sm)
-    display: block
-
-.admin-table-body-actions__item
-  flex: 0 0 2.75em
-  +padding(horizontal, .25em)
-  +media-breakpoint-down(sm)
-    &:not(:last-child)
-      margin-bottom: .5rem
-  a
-    text-decoration: none

data/app/assets/stylesheets/modules/themes/admin/settings/_admin-colors.sass

@@ -1,101 +0,0 @@
-//////////////////////
-// UI Colors
-//////////////////////
-
-$primary: #007bff !default
-$secondary: #868e96 !default
-$warning: #ffc107 !default
-$danger: #dc3545 !default
-$info: #28a745 !default
-
-$base-color: #fff
-
-//////////////////////
-// Bland Colors
-//////////////////////
-
-$admin-main-color: #0e5287 !default
-$admin-base-color: #fff !default
-
-$admin-background: #f8f8f8 !default
-$admin-background-shade: #e3e3e3 !default
-$admin-background-dark: #d9d9d9 !default
-$admin-background-dark-more: #ccc !default
-
-//////////////////////
-// Text Colors
-//////////////////////
-
-$admin-default-text: #333 !default
-$admin-reversal-text: #fff !default
-$admin-muted-text: #7c7c7c !default
-$admin-danger-text: #CC3434 !default
-
-$admin-link-text: #1A0DAB !default
-$admin-visited-text: #660099 !default
-$admin-hover-text: $admin-danger-text !default
-$admin-active-text: $admin-danger-text !default
-
-=admin-default-text-link
-  &:link
-    color: $admin-link-text
-  &:visited
-    color: $admin-visited-text
-  &:hover
-    color: $admin-hover-text
-  &:active
-    color: $admin-active-text
-
-//////////////////////
-// Border Colors
-//////////////////////
-
-$admin-border: #c8c8c8 !default
-$admin-border-shade: #9f9f9f !default
-$admin-border-tint: #dddddd !default
-
-//////////////////////
-// Form Colors
-//////////////////////
-
-$admin-text-input-background: #fcfcfc !default
-$admin-text-input-border: $admin-border !default
-$admin-focused-text-input-background: $admin-base-color !default
-$admin-focused-text-input-border: tint($admin-main-color, 40%) !default
-$admin-form-check: #2476ff !default
-$admin-flash-alert-background: #f8d7da !default
-$admin-flash-alert-text: #721c24 !default
-$admin-flash-notice-background: #d4edda !default
-$admin-flash-notice-text: #155724 !default
-$admin-placeholder-text: #afafaf !default
-$admin-text-input: $admin-default-text !default
-
-#{$all-text-inputs}
-  color: $admin-text-input
-
-
-
-
-$root-font-family: $basic-sans-serif
-
-$xs-button-font-size: .625rem
-$sm-button-font-size: .75rem
-$md-button-font-size: .8125rem
-$lg-button-font-size: .875rem
-$xl-button-font-size: 1rem
-
-$button-sizes: xs, sm, md, lg, xl !default
-$button-color-names: secondary, primary, success, info, warning, danger !default
-$button-styles: flat
-
-$button-xs-height-ratio: 2.85 !default
-$button-sm-height-ratio: 2.6
-$button-md-height-ratio: 2.8
-$button-lg-height-ratio: 3
-$button-xl-height-ratio: 2.9
-
-$button-xs-horizontal-padding: 1
-$button-sm-horizontal-padding: 1
-$button-md-horizontal-padding: .5
-$button-lg-horizontal-padding: 1
-$button-xl-horizontal-padding: 1

data/app/assets/stylesheets/modules/themes/style-guide/_base.sass

@@ -1,5 +0,0 @@
-.style-guide-main
-  +padding(horizontal, 6.5rem 1rem)
-  max-width: 1200px
-  +media-breakpoint-down(sm)
-    padding-left: 1rem

data/app/assets/stylesheets/modules/themes/style-guide/_style-guide.sass

@@ -1,43 +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 modules/themes/admin/settings/admin-colors
-@import modules/themes/style-guide/settings/style-guide-colors
-
-//////////////
-// initializers
-//////////////
-
-@import oulu-initializers
-
-//////////////
-// helpers
-//////////////
-
-@import oulu-helpers
-
-//////////////
-// blocks
-//////////////
-
-@import modules/text-style/long-text-style
-@import modules/buttons/buttons
-
-@import modules/themes/style-guide/base
-@import modules/themes/style-guide/blocks/style-guide-color
-@import modules/themes/style-guide/blocks/style-guide-global-nav
-@import modules/themes/style-guide/blocks/style-guide-header
-@import modules/themes/style-guide/blocks/style-guide-section

data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-color.sass

@@ -1,42 +0,0 @@
-.style-guide-color
-  margin-bottom: 2rem
-
-.style-guide-color__sample
-  +size(100% 6rem)
-  margin-bottom: .5rem
-
-.style-guide-color__hex
-  +text-block(.875rem 1.45 .25rem, 700)
-
-.style-guide-color__luma
-  +text-block(.875rem 1.45 .25rem, 700)
-
-.style-guide-color__name
-  +text-block(.875rem 1.45 .25rem, 700)
-
-// ui-colors
-$ui-colors: primary secondary warning danger info
-$color-set: ""
-$colors: main tint tint-more shade text
-@each $ui-color in $ui-colors
-  @each $color in $colors
-    @if $ui-color == primary
-      $color-set: $primary-colors
-    @else if $ui-color == secondary
-      $color-set: $secondary-colors
-    @else if $ui-color == warning
-      $color-set: $warning-colors
-    @else if $ui-color == danger
-      $color-set: $danger-colors
-    @else if $ui-color == info
-      $color-set: $info-colors
-    .style-guide-color.is-#{$ui-color}-color-#{$color}
-      .style-guide-color__sample
-        background-color: map-get($color-set, $color)
-        padding: 1rem
-      .style-guide-color__text
-        color: map-get($color-set, text)
-      .style-guide-color__hex::after
-        content: ": #{map-get($color-set, $color)}"
-      .style-guide-color__luma::after
-        content: ": #{luma(map-get($color-set, $color))}"

data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-global-nav.sass

@@ -1,32 +0,0 @@
-.style-guide-global-nav
-  width: 5rem
-  +position(fixed, left 0, top 0, bottom 0)
-  background-color: $main-color
-  +media-breakpoint-down(sm)
-    display: none
-
-.style-guide-global-nav__items
-  display: flex
-  flex-direction: column
-
-.style-guide-global-nav__item
-  display: flex
-  +size(5rem 4.5rem)
-  border-bottom: .0625rem solid tint($main-color, 40%)
-
-.style-guide-global-nav__item-link
-  +flex-link
-  flex-direction: column
-  +size(100%)
-  justify-content: center
-  align-items: center
-
-.style-guide-global-nav__item-link-icon
-  display: flex
-  +size(2.75rem)
-  justify-content: center
-  align-items: center
-  +text-block(1.75rem 1, center $reversal-text)
-
-.style-guide-global-nav__item-link-label
-  +text-block(.75rem 1.4 center, $reversal-text 600)

data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-header.sass

@@ -1,12 +0,0 @@
-.style-guide-header
-  background-color: $secondary
-  +padding(horizontal, 6.5rem 1rem)
-  display: flex
-  align-items: center
-  height: 3rem
-  margin-bottom: 1rem
-  +media-breakpoint-down(sm)
-    padding-left: 1rem
-
-.style-guide-header__title
-  +text-block(1.25rem 1, 600 $default-text)

data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-section.sass

@@ -1,8 +0,0 @@
-.style-guide-section
-  margin-bottom: 2.5rem
-
-.style-guide-section__title
-  +text-block(1.75rem 1.45 1rem)
-
-.style-guide-section__sub-title
-  +text-block(1.25rem 1.45 1rem)

data/app/assets/stylesheets/modules/themes/style-guide/settings/_style-guide-colors.sass

@@ -1,33 +0,0 @@
-//////////////////////
-// UI Colors
-//////////////////////
-
-// primary
-$primary-colors: (main: #34c382, tint: #cdecde, shade: #2a9c69, text: #1e734d)
-$primary: map-get($primary-colors, main)
-
-// secondary
-$secondary-colors: (main: #f2f2f2, tint: #e8e8e8, shade: #d2d2d2, text: #636363)
-$secondary: map-get($secondary-colors, main)
-
-// warning
-$warning-colors: (main: #efca10, tint: #f1e2a0, shade: #d0ae12, text: #79660a)
-$warning: map-get($warning-colors, main)
-
-// danger
-$danger-colors: (main: #dd6d68, tint: #f2c4d6, shade: #bb5c57, text: #903d39)
-$danger: map-get($danger-colors, main)
-
-// info
-$info-colors: (main: #25bed5, tint: #c0e4ec, shade: #1e91a2, text: #1c7c8a)
-$info: map-get($info-colors, main)
-
-
-//////////////////////
-// Bland Colors
-//////////////////////
-
-$main-color: #25bed5
-$main-color-text: #3774AE
-$base-color: #fff
-$background-color: #e8e8ef

data/app/assets/stylesheets/modules/web-fonts/_playfair.sass

@@ -1,11 +0,0 @@
-@import url(//fonts.googleapis.com/css?family=Playfair+Display:400,900,400italic,700,700italic,900italic)
-=playfair($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
-  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
-  font-family: 'Playfair Display', serif
-  font-weight: $fw
-  @if not $ls == 0
-    letter-spacing: $ls
-  @if (not $fs == null)
-    font-style: italic
-  @if $tx-rendering
-    text-rendering: optimizelegibility

data/app/assets/stylesheets/settings/functions/_assign-inputs.sass

@@ -1,35 +0,0 @@
-// https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/utilities/_assign-inputs.scss
-
-/// Append pseudo-classes to a selector(s).
-///
-/// @argument {list | string} $inputs
-///   A selector, or list of selectors, to apply the pseudo-class to.
-///
-/// @argument {pseudo-class} $pseudo [null]
-///   The pseudo-class to be appended.
-///
-/// @return {list}
-///
-/// @access private
-
-@function assign-inputs($inputs, $pseudo: null)
-  $list: ()
-  @each $input in $inputs
-    $input: unquote($input)
-    $input: if($pseudo, $input + ":" + $pseudo, $input)
-    $list: append($list, $input, comma)
-  @return $list
-
-/////////////////
-// text-inputs
-////////////////
-
-$text-inputs-list: 'input[type="color"]','input[type="date"]','input[type="datetime"]','input[type="datetime-local"]','input[type="email"]','input[type="month"]','input[type="number"]','input[type="password"]','input[type="search"]','input[type="tel"]','input[type="text"]','input[type="time"]','input[type="url"]','input[type="week"]','input:not([type])','textarea' !default
-
-$all-text-inputs: assign-inputs($text-inputs-list)
-$all-text-inputs-active: assign-inputs($text-inputs-list, active)
-$all-text-inputs-focus: assign-inputs($text-inputs-list, focus)
-$all-text-inputs-hover: assign-inputs($text-inputs-list, hover)
-
-$inputs-en-list: 'input[type="email"]', 'input[type="number"]', 'input[type="search"]', 'input[type="tel"]', 'input[type="url"]', 'input[type="color"]', 'input[type="date"]', 'input[type="datetime"]', 'input[type="datetime-local"]', 'input[type="time"]'
-$all-en-text-inputs: assign-inputs($inputs-en-list)