Packages

thesis

0.0.12
0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

Thesis is a lightweight bolt-on content editing system for Phoenix websites.

HexDocs

Current section

Files

Jump to
Readme
37 Versions
5 Dependencies
0 Dependants
Files
Activity
thesis web static css components _modal.sass
Raw

web/static/css/components/_modal.sass 

#thesis-modal

  @extend %form-styles

  display       : none

  position      : fixed

  width         : 600px

  height        : auto

  background    : white

  left          : 50%

  top           : 50%

  margin-left   : -300px

  margin-top    : -100px

  border-radius : 50px

  z-index       : 1039

  padding       : 25px

  border        : 3px solid $blue

  box-shadow    : 0px 0px 0px 4px white

  color         : darken($gray, 20%)

  font-family   : $raleway

  @include animation(modal_border 10s ease-in-out infinite)



  &.settings

    margin-top : -252px



  .modal-icon

    text-align    : center

    font-size     : 24px

    font-weight   : 300

    color         : $blue

    margin-bottom : 5px

    @include animation(modal_icon_color 10s ease-in-out infinite)



  .modal-title

    text-align    : center

    font-weight   : 300

    font-size     : 28px

    margin-bottom : 15px



  &.windows

    .modal-field.cancel

      float: right



    .modal-field.save

      float: left