| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- $tui-window-margin: 10px
- $tui-window-background: gray
- .tui-window
- width: calc(60% - $tui-window-margin * 2)
- height: calc(60% - $tui-window-margin * 2)
- position: absolute
- top: 20%
- left: 20%
- border: black double 5px
- &::before
- content: ' ';
- position: absolute
- top: -$tui-window-margin
- left: -$tui-window-margin
- width: calc(100% + $tui-window-margin * 2);
- height: calc(100% + $tui-window-margin * 2);
- background-color: $tui-window-background
- z-index: -1
-
- .header
- position: absolute
- top: -$tui-window-margin
- width: 90%
- left: 5%
- display: flex
- flex-direction: row
- justify-content: space-between
- .buttons
- background-color: $tui-window-background
- display: flex
- flex-direction: row
- p
- margin: 0px
- padding: 0px
- padding-left: 5px
- padding-right: 5px
- display: block
- background-color: $tui-window-background
|
