/*
Copyright 2013-2014 ASIAL CORPORATION

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

*/

// NOTE: You can't use @extend that break component independent and topdoc parsing.

// internal variables
var-modal-background-color = $modal-background-color
var-modal-color = $modal-text-color

/*! topdoc
  name: Modal
  class: modal
  markup:
    <div class="modal">
      <div class="modal__content">
        Message Text
      </div>
    </div>
*/

modal()
  reset-container()
  reset-base()
  reset-box-model()
  reset-font()

modal__content()
  reset-container()
  reset-base()
  reset-box-model()
  reset-font()

.modal
  modal()
  overflow hidden
  background-color var-modal-background-color
  position absolute
  left 0
  right 0
  top 0
  bottom 0
  width 100%
  height 100%
  display table
  z-index 2147483647

.modal__content
  modal__content()
  display table-cell
  vertical-align middle
  text-align center
  color var-modal-color
  white-space normal

