diff options
| author | bozokopic <bozo.kopic@gmail.com> | 2018-04-15 19:14:15 +0200 |
|---|---|---|
| committer | bozokopic <bozo.kopic@gmail.com> | 2018-04-15 19:14:15 +0200 |
| commit | bb67223abd3d4a5c3654393b4a962daae0588741 (patch) | |
| tree | 90e0f4add9764f565b1c9dc2d2dc21db0bc50770 /src_web/style/grid.scss | |
| parent | dc7cc767859a82a087e258eead7d59e177b30d0f (diff) | |
WIP web frontend
Diffstat (limited to 'src_web/style/grid.scss')
| -rw-r--r-- | src_web/style/grid.scss | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/src_web/style/grid.scss b/src_web/style/grid.scss new file mode 100644 index 0000000..b1e9bf8 --- /dev/null +++ b/src_web/style/grid.scss @@ -0,0 +1,53 @@ +@import './color';
+
+
+table.grid {
+ table-layout: fixed;
+ border-spacing: 0px;
+ border: 1px solid $color-grey-400;
+
+ td:not(:last-child) {
+ border-right: 1px solid $color-grey-300;
+ }
+
+ thead tr, tfoot tr {
+ background-color: $color-grey-200;
+ }
+
+ td, th {
+ padding: 4px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ tbody td {
+ background-color: white;
+ }
+
+ tbody td, tfoot td {
+ border-top: 1px solid $color-grey-400;
+ }
+
+ input {
+ width: 100%;
+ }
+
+ input[type=text] {
+ position: relative;
+ border: 1px;
+ font-size: 10pt;
+ font-family: 'Roboto';
+ }
+
+ tfoot td > div {
+ display: flex;
+
+ & > .spacer {
+ flex-grow: 1;
+ }
+ }
+
+ .invalid {
+ background-color: rgba(red, 0.2);
+ }
+}
|