aboutsummaryrefslogtreecommitdiff
path: root/src_web/style/main.scss
diff options
context:
space:
mode:
authorbozo.kopic <bozo.kopic@gmail.com>2020-04-11 02:42:27 +0200
committerbozo.kopic <bozo.kopic@gmail.com>2020-04-11 02:42:27 +0200
commit816d4add6f017775bc1f6607e392bfb71e393ffa (patch)
tree33a25a5b7420c9a1d4d606b312748a5a7426a0b8 /src_web/style/main.scss
parentf8ab65b277c2eb7b9ed0e6d78f0302d388e0eff0 (diff)
repository refactoring
Diffstat (limited to 'src_web/style/main.scss')
-rw-r--r--src_web/style/main.scss173
1 files changed, 0 insertions, 173 deletions
diff --git a/src_web/style/main.scss b/src_web/style/main.scss
deleted file mode 100644
index 897847c..0000000
--- a/src_web/style/main.scss
+++ /dev/null
@@ -1,173 +0,0 @@
-@import '~normalize.css/normalize';
-@import '~izitoast/dist/css/iziToast.min';
-
-@import './fonts/fontawesome';
-@import './fonts/roboto';
-@import './color';
-@import './shadow';
-@import './grid';
-
-
-html, body {
- font-size: 10pt;
- font-family: 'Roboto';
- height: 100%;
- margin: 0px;
-}
-
-
-.window {
- height: 100%;
- display: flex;
-}
-
-
-.left-panel {
- @include shadow-4dp();
- width: 450px;
- display: flex;
- flex-direction: column;
- background-color: $color-grey-100;
-
- .header {
- flex-shrink: 0;
- margin: 10px;
- display: flex;
- align-items: center;
-
- .title {
- flex-grow: 1;
- font-size: 18pt;
- font-weight: 500;
- color: $color-grey-800;
- }
-
- a {
- font-size: 24pt;
- color: $color-grey-800;
-
- &:visited {
- color: $color-grey-800;
- }
-
- &:hover {
- color: black;
- }
- }
- }
-
- .group {
- flex-shrink: 0;
- display: flex;
- flex-direction: column;
- margin: 10px;
- margin-bottom: 0px;
- }
-
- .content {
- flex-grow: 1;
- display: flex;
- flex-direction: column;
- margin: 10px;
- margin-bottom: 0px;
- align-items: stretch;
- overflow: auto;
-
- table.grid {
- width: 100%;
-
- .fixed {
- width: 55px
- }
-
- tbody td:last-child {
- text-align: center;
- }
-
- .grid-col-width, .grid-col-height, .grid-col-quantity {
- text-align: right;
-
- input {
- text-align: right;
- }
- }
- }
-
- & > *:not(:last-child) {
- margin-bottom: 10px;
- }
- }
-
- .calculate {
- flex-shrink: 0;
- margin: 10px;
- padding: 10px;
- }
-
- .invalid {
- background-color: rgba(red, 0.2);
- }
-}
-
-
-.center-panel {
- flex-grow: 1;
- overflow: auto;
- padding: 15px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-
-.right-panel {
- @include shadow-4dp();
- width: 200px;
- display: flex;
- flex-direction: column;
- background-color: $color-grey-100;
- overflow: auto;
-
- .toolbar {
- display: flex;
- justify-content: center;
- margin: 10px;
- flex-shrink: 0;
- }
-
- .panel {
- margin: 15px 0px;
-
- & > *:hover {
- background-color: $color-grey-400;
- cursor: pointer;
- }
- }
-
- .panel-name {
- padding: 3px 10px;
- overflow: hidden;
- text-overflow: ellipsis;
- font-weight: 600;
- color: $color-grey-800;
- }
-
- .item {
- padding: 3px 10px 3px 20px;
- display: flex;
-
- .item-name {
- flex-grow: 1;
- }
-
- .item-rotate, .item-x, .item-y {
- margin-left: 3px;
- font-weight: 600;
- color: $color-grey-800;
- }
- }
-
- .selected {
- background-color: $color-grey-400;
- }
-}