github.com/mssola/todo@v0.0.0-20181029153210-d25348dc3f48/public/stylesheets/include/dialog.scss (about)

     1  
     2  @import "mixins";
     3  
     4  
     5  /*
     6   * A dialog is basically a container with a dialog-like aspect.
     7   */
     8  
     9  .dialog {
    10      .dialog-header {
    11          position: relative;
    12  
    13          padding: 10px 20px;
    14          margin: 0;
    15  
    16          color: white;
    17          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    18  
    19          border: 1px solid #586873;
    20          border-radius: 4px 4px 0 0;
    21          border-bottom: 1px solid #18334b;
    22          border-bottom-color: #586873;
    23          @include background-linear-gradient(#2d618c, #3776ab);
    24      }
    25  
    26      .dialog-body {
    27          @include box-sizing;
    28  
    29          padding: 20px;
    30          font-size: 14px;
    31          background-color: white;
    32          border: 1px solid #A7ADB1;
    33          border-top-color: white;
    34          border-radius: 0 0 4px 4px;
    35          color: #333333;
    36  
    37          label {
    38              display: inline-block;
    39              margin-bottom: 10px;
    40          }
    41      }
    42  
    43      .foot {
    44        width: 100%;
    45        padding-top: 5px;
    46  
    47        .container {
    48          display: inline-block;
    49          padding: .4em .75em .35em;
    50        }
    51  
    52        .btn { float: right; }
    53      }
    54  }
    55