annotate client/src/assets/application.scss @ 1448:ef388dcbb946

refac: reverting unecessary port from scss to sass Rationale: Although sass might be easier on the eyes because of lesser curly braces the tooling (autoformat, completion, error highlighting etc) is much more elaborate for scss.
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 09:28:28 +0100
parents client/src/assets/application.sass@acb4e493775e
children 33dda08d67be
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
1 /* This is Free Software under GNU Affero General Public License v >= 3.0;
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
3 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
6 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
7 * Copyright (C) 2018 by via donau
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
10 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 * Markus Kottländer <markus.kottlaender@intevation>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
14 */
1368
d1d8c7bd16a1 switched from vue2-toastr to vue-snotify
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
15
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
16 $shadow-xs: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
17 $border-radius: 0.25rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
18 $icon-height: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
19 $icon-width: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
20 $large-offset: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
21 $offset: 1rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
22 $sidebar-width: 15rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
23 $slight-transparent: 0.96;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
24 $small-offset: 0.5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
25 $smaller: 0.9rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
26 $transition-fast: 0.3s;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
27 $x-large-offset: 3rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
28 $xx-large-offset: 5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
29 $color-info: #17a2b8;
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
31 a {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
32 color: $color-info;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
33 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
35 a:hover,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
36 a:active,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
37 a:focus {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
38 color: darken($color-info, 13);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
39 }
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
40
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
41 .w-90 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
42 width: 90%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
43 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
45 .w-95 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
46 width: 95%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
47 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
49 .debug {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
50 border: 1px solid red;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
51 }
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
52
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
53 %fully-centered {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
54 position: absolute;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
55 top: 50%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
56 left: 50%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
57 transform: translate(-50%, -50%);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
58 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
60 .ui-element {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
61 pointer-events: auto;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
62 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
63
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
64 .shadow-xs {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
65 box-shadow: $shadow-xs;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
66 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
68 .box {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
69 opacity: $slight-transparent;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
70 max-height: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
71 max-width: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
72 overflow: hidden;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
73 margin-left: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
74 margin-right: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
75 margin-bottom: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
76 box-shadow: $shadow-xs;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
77 transition: max-width 0.4s, max-height 0.4s, margin-left 0.4s,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
78 margin-right 0.4s, margin-bottom 0.4s;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
79 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
80
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
81 .box h6,
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
82 .contextbox h6 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
83 color: $color-info;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
84 font-weight: bold;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
85 }
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
86
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
87 .expanded {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
88 max-height: 999px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
89 max-width: 999px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
90 margin-left: 0.5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
91 margin-right: 0.5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
92 margin-bottom: 1rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
93 }
1426
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
94
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
95 // needed to fix the whitespace problem of
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
96 // https://github.com/Polyconseil/vue-gettext/issues/80;
1426
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
97 // use like
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
98 // <a href="..">link</a>
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
99 // <span v-translate class="fix-trans-space">contributors.</span>
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
100 //
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
101 // done centrally, so we can fix it centrally for better vue-gettext version
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
102 .fix-trans-space,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
103 .fix-trans-space:before {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
104 content: " ";
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
105 }