diff options
Diffstat (limited to 'assets/css/app.css')
-rw-r--r-- | assets/css/app.css | 107 |
1 files changed, 0 insertions, 107 deletions
diff --git a/assets/css/app.css b/assets/css/app.css deleted file mode 100644 index 8b221d0..0000000 --- a/assets/css/app.css +++ /dev/null @@ -1,107 +0,0 @@ -/* This file is for your main application css. */ - -@import "./milligram.css"; - -:root { - --color-1: #df7861; - --color-2: #ecb390; - --color-3: #ecdfc8; - --color-4: #fcf8e8; - --color-5: #ffffff; -} - -body { - color: #222; - background-color: var(--color-3); -} - -.container { - margin: 0 auto; - max-width: 90.0rem; - padding: 0 1.0rem; - position: relative; - width: 100%; -} - -.parties { - display: flex; - flex-direction: row; - align-items: center; - border-radius: 5px; - background-color: var(--color-4); -} -.party-peek { - flex: 0 0 50%; - text-align: center; - padding: 16px 40px 12px 40px; -} -.party-peek figure { - margin: 0; -} - -.avatar { - border-radius: 50%; -} -.avatar--big { - max-height: 140px; -} -.avatar--tiny { - max-height: 42px; -} - -.row { - margin-top: 4px; - display: flex; - flex-direction: row; /* Milligram only does this in mid-big screens */ -} -.row--padded { - margin-top: 10px; -} -.row-center { - justify-content: center -} -.row-left { - flex-direction: row; -} -.row-right { - flex-direction: row-reverse; -} - -.middle-box { - background-color: var(--color-1); - color: white; - padding: 4px 12px 4px 12px; - border-radius: 12px; - box-shadow: 1px 1px 2px grey; -} - -.white-box { - background-color: white; - border-radius: 5px; - box-shadow: 1px 1px 2px grey; -} - -/* Message box */ -.message { - padding: 0px !important; - margin: 0 10px 0 10px; - max-width: 65%; - background-color: var(--color-5); -} - -.message-photo { - border-radius: 5px 5px 0 0; - max-height: 600px; -} - -.message-box { - padding: 0 10px 0 10px; - margin-top: 5px; - overflow-wrap: break-word; -} - -.message-date { - text-align: right; - color: grey; - font-size: 12px; -} |