@leapdev/gui 0.2.260 → 0.2.263
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auth-bylawyers.js +96 -0
- package/dist/bs-lawconnect.js +2 -2
- package/dist/bs-leap-slim.js +2 -2
- package/dist/bs-leap.js +2 -2
- package/dist/bs-titlex.js +2 -2
- package/dist/css/auth-bylawyers.css +1 -0
- package/dist/css/auth-leap-addin.css +1 -1
- package/dist/css/auth-leap-desktop.css +1 -1
- package/dist/css/auth-leap-web.css +1 -1
- package/dist/css/x1-leap.css +1 -1
- package/dist/css/x1-titlex.css +1 -1
- package/dist/images/leap-auth/auth-logo.svg +2 -2
- package/dist/index.html +2 -2
- package/dist/scss/auth/product/bylawyers.scss +23 -0
- package/dist/scss/auth/theme/bootstrap-variables/_colours-bylawyers.scss +49 -0
- package/dist/scss/auth/theme/bootstrap-variables/_colours.scss +1 -0
- package/dist/scss/auth/theme/bootstrap-variables/_variables-bylawyers.scss +16 -0
- package/dist/scss/auth/theme/components/_buttons.scss +1 -1
- package/dist/scss/auth/theme/css-variables/_bylawyers.scss +82 -0
- package/dist/scss/auth/theme/css-variables/_leap-4d.scss +3 -1
- package/dist/scss/auth/theme/css-variables/_leap.scss +3 -0
- package/dist/scss/auth/theme/css-variables/_office-addin.scss +3 -1
- package/dist/scss/auth/theme/features/_auth.scss +13 -4
- package/dist/scss/product/auth-bylawyers.scss +25 -0
- package/dist/scss/x1/features/_all.scss +3 -0
- package/dist/scss/x1/features/feedback-banner/_feedback-banner.scss +64 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<svg xmlns="http://www.w3.org/2000/svg" width="194" height="60" viewBox="0 0 194 60">
|
|
2
2
|
<g fill="none" fill-rule="evenodd">
|
|
3
|
-
<polygon fill="#
|
|
4
|
-
<path fill="#
|
|
3
|
+
<polygon fill="#1e365e" points="2 50 41.998 50 41.998 10.016 2 10.016"/>
|
|
4
|
+
<path fill="#f69139" d="M54.2084,10 L61.9632,10 L61.9632,41.9992 L79.7928,41.9992 L83.114,50 L54.2084,50 L54.2084,10 Z M179.8284,33.9964 L168.1948,33.9964 L168.0556,50 L160.3008,50 L160.3008,10 C166.7628,10 173.226,10 179.6892,10 C195.63,10 195.8272,33.9964 179.8284,33.9964 Z M115.5084,17.9988 L92.4192,17.9988 L92.4192,25.9936 L107.818,25.9936 L107.818,33.9964 L92.4192,33.9964 L92.4192,41.9992 L115.5084,41.9992 L115.5084,50 L84.7224,50 L84.7224,10 L115.5084,10 L115.5084,17.9988 Z M19.0624,27.182 L22.3464,17.9988 L36.0796,24.252 L34.1688,40.0784 L32.1132,29.1244 L19.0624,27.182 Z M19.0624,27.1824 L25.05,29.318 L22.282,34.5908 L6.2696,42.0224 L18.0664,29.9708 L19.0624,27.1824 Z M150.3224,50 L147.0084,41.9992 L128.8808,41.9992 L125.568,50 L117.1168,50 L133.6824,10 L142.208,10 L158.774,50 L150.3224,50 Z M132.1956,33.9964 L143.6944,33.9964 L137.9452,20.114 L132.1956,33.9964 Z M168.1948,26.028 L179.8284,25.9936 C185.5604,25.9936 185.3624,17.9988 179.6892,17.9988 L168.18,17.9988 L168.1948,26.028 Z"/>
|
|
5
5
|
</g>
|
|
6
6
|
</svg>
|
package/dist/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
6
6
|
<title>GUI v3</title>
|
|
7
|
-
<link href="css/x1-leap.css?
|
|
7
|
+
<link href="css/x1-leap.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/x1-titlex.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/x1-titlex-leap-design-fix.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/x1-leap-slim.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/x1-titlex-slim.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/x3-whitelabel.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/4d-leap.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/4d-lawconnect.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/4d-bylawyers.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/4d-leap-web.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/xsf-crx-leap.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/xsf-crx-lawconnect.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/auth-leap-web.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/auth-leap-desktop.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/auth-leap-addin.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/auth-bylawyers.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/bs-leap-slim.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/bs-leap.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/bs-titlex.css?1ddcdf0eb073f85e72e4" rel="stylesheet"><link href="css/bs-lawconnect.css?1ddcdf0eb073f85e72e4" rel="stylesheet"></head>
|
|
8
8
|
<body class="container">
|
|
9
9
|
<h1>
|
|
10
10
|
h1. Bootstrap heading
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
|
|
28
28
|
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
|
|
29
29
|
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
|
|
30
|
-
<script type="text/javascript" src="app.js?
|
|
30
|
+
<script type="text/javascript" src="app.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x1-leap.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x1-titlex.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x1-titlex-leap-design-fix.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x1-leap-slim.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x1-titlex-slim.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="x3-whitelabel.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="4d-leap.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="4d-lawconnect.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="4d-bylawyers.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="4d-leap-web.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="xsf-crx-leap.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="xsf-crx-lawconnect.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="auth-leap-web.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="auth-leap-desktop.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="auth-leap-addin.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="auth-bylawyers.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="bs-leap-slim.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="bs-leap.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="bs-titlex.js?1ddcdf0eb073f85e72e4"></script><script type="text/javascript" src="bs-lawconnect.js?1ddcdf0eb073f85e72e4"></script></body>
|
|
31
31
|
</html>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Theme
|
|
3
|
+
//
|
|
4
|
+
// Custom variables followed by theme variables followed by Bootstrap variables
|
|
5
|
+
// to ensure cascade of styles.
|
|
6
|
+
//
|
|
7
|
+
|
|
8
|
+
// Bootstrap functions
|
|
9
|
+
@import '~bootstrap/scss/functions';
|
|
10
|
+
|
|
11
|
+
// Custom theme variables override
|
|
12
|
+
@import '../theme/css-variables/bylawyers';
|
|
13
|
+
@import '../theme/bootstrap-variables/variables-bylawyers';
|
|
14
|
+
|
|
15
|
+
// Bootstrap core
|
|
16
|
+
@import '../bootstrap/bootstrap';
|
|
17
|
+
@import '../theme/css-variables/bylawyers';
|
|
18
|
+
@import '../theme/bootstrap-variables/variables-bylawyers';
|
|
19
|
+
|
|
20
|
+
// Custom theme core including mixins / utilities / features
|
|
21
|
+
@import '../theme/mixins/mixins';
|
|
22
|
+
@import '../theme/components/components';
|
|
23
|
+
@import '../theme/features/auth';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// Color system
|
|
2
|
+
$white: #FFFFFF !default;
|
|
3
|
+
$gray-100: #eeeeee !default;
|
|
4
|
+
$gray-200: #f3f3f3 !default;
|
|
5
|
+
$gray-300: #E6EDF1 !default;
|
|
6
|
+
$gray-400: #d6d6d6 !default;
|
|
7
|
+
$gray-500: #b1b7be !default;
|
|
8
|
+
$gray-600: #525252 !default;
|
|
9
|
+
$gray-700: #444444 !default;
|
|
10
|
+
$gray-800: #263042 !default;
|
|
11
|
+
$gray-900: #1c2836 !default;
|
|
12
|
+
$black: #131313 !default;
|
|
13
|
+
|
|
14
|
+
$primary: #06063C !default;
|
|
15
|
+
$primary-lighter: #515277 !default;
|
|
16
|
+
$primary-transparent: rgba($primary, $opacity-lighter) !default;
|
|
17
|
+
$primary-desat: #383963 !default;
|
|
18
|
+
$secondary: #b50d4d !default;
|
|
19
|
+
$secondary-lighter: lighten(#b50d4d, 38%) !default;
|
|
20
|
+
$secondary-transparent: rgba(#b50d4d, $opacity-lighter) !default;
|
|
21
|
+
$secondary-desat: #6D082E !default;
|
|
22
|
+
$success: #43AE33 !default;
|
|
23
|
+
$info: #6e7781 !default;
|
|
24
|
+
$warning: #F59245 !default;
|
|
25
|
+
$danger: #BE332A !default;
|
|
26
|
+
$light: $gray-100 !default;
|
|
27
|
+
$light-transparent: rgba($light, $opacity-base) !default;
|
|
28
|
+
$dark: #828488 !default;
|
|
29
|
+
$default: #131313 !default;
|
|
30
|
+
|
|
31
|
+
// scss-docs-start theme-colors-map
|
|
32
|
+
$theme-colors: (
|
|
33
|
+
"primary": $primary,
|
|
34
|
+
"secondary": $secondary,
|
|
35
|
+
"success": $success,
|
|
36
|
+
"info": $info,
|
|
37
|
+
"warning": $warning,
|
|
38
|
+
"danger": $danger,
|
|
39
|
+
"light": $light,
|
|
40
|
+
"dark": $dark,
|
|
41
|
+
"default": $default
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
// Body
|
|
45
|
+
//
|
|
46
|
+
// Settings for the `<body>` element.
|
|
47
|
+
$body-bg: $gray-200;
|
|
48
|
+
$body-color: $default;
|
|
49
|
+
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@import './opacity';
|
|
2
|
+
@import './colours-bylawyers';
|
|
3
|
+
@import './typography';
|
|
4
|
+
|
|
5
|
+
@import './avatar';
|
|
6
|
+
@import './badges';
|
|
7
|
+
@import './breadcrumbs';
|
|
8
|
+
@import './components';
|
|
9
|
+
@import './dropdowns';
|
|
10
|
+
@import './grid';
|
|
11
|
+
@import './input-box';
|
|
12
|
+
@import './input-options';
|
|
13
|
+
@import './buttons';
|
|
14
|
+
// @import './nav';
|
|
15
|
+
@import './select';
|
|
16
|
+
@import './switch';
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500,600&display=swap');
|
|
2
|
+
|
|
3
|
+
$enable-transitions: true;
|
|
4
|
+
$button-is-uppercase: false;
|
|
5
|
+
$is-desktop: false;
|
|
6
|
+
$is-bylawyers: true;
|
|
7
|
+
$input-4d-options-dimension: 1rem;
|
|
8
|
+
$input-4d-checkbox-border-radius: 0 !default;
|
|
9
|
+
$input-4d-options-top: 0.1875rem !default;
|
|
10
|
+
$input-4d-options-border-width: 1px;
|
|
11
|
+
$input-4d-checkbox-default-border-color: #b50d4d;
|
|
12
|
+
|
|
13
|
+
$custom-checkbox-indicator-indeterminate-color: #b50d4d;
|
|
14
|
+
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='#{$custom-checkbox-indicator-indeterminate-color}' points='4 6 7 9 12 4 12 7 7 12 4 9'%3E%3C/polygon%3E%3C/svg%3E"), "#","%23");
|
|
15
|
+
$input-4d-checkbox-checked-bg-color: #fef7f0 !default;
|
|
16
|
+
$input-4d-checkbox-checked-border-color: #d6d6d6;
|
|
17
|
+
|
|
18
|
+
$input-4d-checkbox-hover-text-color: #b50d4d;
|
|
19
|
+
$input-4d-checkbox-hover-border-color: #b50d4d;
|
|
20
|
+
$input-4d-checkbox-hover-boxshadow: none;
|
|
21
|
+
|
|
22
|
+
$input-4d-checkbox-active-border-color: #b50d4d;
|
|
23
|
+
$input-4d-checkbox-active-bg-color: rgba(0,96,172,.12);
|
|
24
|
+
$input-4d-checkbox-active-border-color: #b50d4d;
|
|
25
|
+
$input-4d-checkbox-active-text-color: white;
|
|
26
|
+
$input-padding-left: 1.5rem;
|
|
27
|
+
|
|
28
|
+
$chevron-width: 0.625rem;
|
|
29
|
+
$custom-select-chevron: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 5'%3e%3cpath fill='currentColor' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#","%23");
|
|
30
|
+
|
|
31
|
+
// $custom-select-disabled-bg: $input-disabled-bg;
|
|
32
|
+
|
|
33
|
+
:root {
|
|
34
|
+
--leap-font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
35
|
+
--leap-font-family-heading: gill-sans-nova,gill-sans-nova-medium,Helvetica,Arial;
|
|
36
|
+
--leap-font-size: 0.875rem;
|
|
37
|
+
--leap-primary-color: #b50d4d;
|
|
38
|
+
--leap-body-background-color: #fff;
|
|
39
|
+
--leap-body-text-color: #131313;
|
|
40
|
+
--leap-label-color: #131313;
|
|
41
|
+
--leap-label-font-weight: 400;
|
|
42
|
+
--leap-heading-color: #131313;
|
|
43
|
+
--leap-form-group-margin: 1rem;
|
|
44
|
+
|
|
45
|
+
--leap-border-radius: 4px;
|
|
46
|
+
--leap-border-color: #babcc2;
|
|
47
|
+
--leap-input-height: 2.5rem;
|
|
48
|
+
--leap-input-padding-x: 10px;
|
|
49
|
+
--leap-input-padding-y: 12px;
|
|
50
|
+
--leap-input-color: #131313;
|
|
51
|
+
--leap-input-disabled-color: #6e7781;
|
|
52
|
+
--leap-input-disabled-background: #fafafa;
|
|
53
|
+
--leap-input-disabled-border: #abadb3;
|
|
54
|
+
--leap-input-focus-border-color: #383963;
|
|
55
|
+
--leap-input-placeholder-color: #717880;
|
|
56
|
+
--leap-input-box-shadow: inset 0 0 0 rgb(19 19 19 / 0%), 0 0 0 0.15rem #cdd3dc;
|
|
57
|
+
--leap-input-addon-padding: 0.375rem 1rem;
|
|
58
|
+
|
|
59
|
+
--leap-select-padding-y: 0.125rem;
|
|
60
|
+
|
|
61
|
+
--leap-btn-height: 44px;
|
|
62
|
+
--leap-btn-fontsize: 1rem;
|
|
63
|
+
--leap-btn-fontweight: 400;
|
|
64
|
+
--leap-btn-padding: 10px 24px;
|
|
65
|
+
--leap-btn-radius: 100px;
|
|
66
|
+
--leap-btn-border-color: #d6d6d6;
|
|
67
|
+
--leap-btn-hover-border-color: #383963;
|
|
68
|
+
--leap-btn-hover-background-color: rgba(30, 54, 94, 0.12);
|
|
69
|
+
|
|
70
|
+
--leap-tabs-background: transparent;
|
|
71
|
+
--leap-tabs-padding: 0.5rem 1rem;
|
|
72
|
+
--leap-tabs-font-weight: 600;
|
|
73
|
+
--leap-tabs-font-size: .8125rem;
|
|
74
|
+
--leap-tabs-link-hover-border: #383963;
|
|
75
|
+
--leap-tabs-link-hover-background: #e9eaec;
|
|
76
|
+
--leap-tabs-link-active-border: #b50d4d;
|
|
77
|
+
--leap-tabs-link-active-color: #b50d4d;
|
|
78
|
+
--leap-tabs-casing: uppercase;
|
|
79
|
+
--leap-tabs-letter-spacing: 0.0063rem;
|
|
80
|
+
--leap-link-color: #06063C;
|
|
81
|
+
--leap-link-active-color: #910a3e;
|
|
82
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$enable-transitions: false;
|
|
2
2
|
$button-is-uppercase: false;
|
|
3
3
|
$is-desktop: true;
|
|
4
|
-
|
|
4
|
+
$is-bylawyers: false;
|
|
5
5
|
$input-4d-options-dimension: .8125rem;
|
|
6
6
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
7
7
|
$input-4d-options-top: 0.25rem !default;
|
|
@@ -28,6 +28,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
28
28
|
|
|
29
29
|
:root {
|
|
30
30
|
--leap-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
31
|
+
--leap-font-family-heading: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
31
32
|
--leap-font-size: 0.8125rem;
|
|
32
33
|
--leap-primary-color: #1E365E;
|
|
33
34
|
--leap-body-background-color: #F0F0F0;
|
|
@@ -57,6 +58,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
57
58
|
--leap-btn-height: 1.9258rem;
|
|
58
59
|
--leap-btn-fontsize: 0.8125rem;
|
|
59
60
|
--leap-btn-fontweight: 400;
|
|
61
|
+
--leap-btn-radius: 0;
|
|
60
62
|
--leap-btn-padding: 0.344rem 0.75rem;
|
|
61
63
|
--leap-btn-border-color: #7a7a7a;
|
|
62
64
|
--leap-btn-hover-border-color: #1c365f;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
$enable-transitions: true;
|
|
4
4
|
$button-is-uppercase: true;
|
|
5
5
|
$is-desktop: false;
|
|
6
|
+
$is-bylawyers: false;
|
|
6
7
|
$input-4d-options-dimension: 1rem;
|
|
7
8
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
8
9
|
$input-4d-options-top: 0.1875rem !default;
|
|
@@ -31,6 +32,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3cs
|
|
|
31
32
|
|
|
32
33
|
:root {
|
|
33
34
|
--leap-font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
35
|
+
--leap-font-family-heading: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
34
36
|
--leap-font-size: 0.875rem;
|
|
35
37
|
--leap-primary-color: #1E365E;
|
|
36
38
|
--leap-body-background-color: #fff;
|
|
@@ -61,6 +63,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3cs
|
|
|
61
63
|
--leap-btn-fontsize: 0.875rem;
|
|
62
64
|
--leap-btn-fontweight: 400;
|
|
63
65
|
--leap-btn-padding: 0.75rem 1.875rem;
|
|
66
|
+
--leap-btn-radius: 0.25rem;
|
|
64
67
|
--leap-btn-border-color: #d6d6d6;
|
|
65
68
|
--leap-btn-hover-border-color: #1E365E;
|
|
66
69
|
--leap-btn-hover-background-color: rgba(30, 54, 94, 0.12);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$enable-transitions: false;
|
|
2
2
|
$button-is-uppercase: false;
|
|
3
3
|
$is-desktop: true;
|
|
4
|
-
|
|
4
|
+
$is-bylawyers: false;
|
|
5
5
|
$input-4d-options-dimension: .8125rem;
|
|
6
6
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
7
7
|
$input-4d-options-top: 0.25rem !default;
|
|
@@ -27,6 +27,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
27
27
|
|
|
28
28
|
:root {
|
|
29
29
|
--leap-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
30
|
+
--leap-font-family-heading: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
30
31
|
--leap-font-size: 0.8125rem;
|
|
31
32
|
--leap-primary-color: #1E365E;
|
|
32
33
|
--leap-body-background-color: #F0F0F0;
|
|
@@ -56,6 +57,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
56
57
|
--leap-btn-height: 1.9258rem;
|
|
57
58
|
--leap-btn-fontsize: 0.8125rem;
|
|
58
59
|
--leap-btn-fontweight: 400;
|
|
60
|
+
--leap-btn-radius: 0;
|
|
59
61
|
--leap-btn-padding: 0.344rem 0.75rem;
|
|
60
62
|
--leap-btn-border-color: #7a7a7a;
|
|
61
63
|
--leap-btn-hover-border-color: #1c365f;
|
|
@@ -13,10 +13,16 @@ html {
|
|
|
13
13
|
padding-right: 1rem;
|
|
14
14
|
|
|
15
15
|
@media screen and (min-height: 850px) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
@if $is-bylawyers {
|
|
17
|
+
|
|
18
|
+
}
|
|
19
|
+
@else {
|
|
20
|
+
background-image: url(/img/auth-bg.png), url('https://unpkg.com/@leapdev/gui@0.2.254/dist/images/leap-auth/auth-bg.png');
|
|
21
|
+
background-position: bottom left;
|
|
22
|
+
background-repeat: no-repeat;
|
|
23
|
+
background-size: 1194px;
|
|
24
|
+
}
|
|
25
|
+
|
|
20
26
|
}
|
|
21
27
|
|
|
22
28
|
> .container {
|
|
@@ -63,6 +69,7 @@ html {
|
|
|
63
69
|
}
|
|
64
70
|
|
|
65
71
|
&_title {
|
|
72
|
+
font-family: var(--leap-font-family-heading);
|
|
66
73
|
font-size: $h2-font-size;
|
|
67
74
|
color: var(--leap-heading-color);
|
|
68
75
|
font-weight: $font-weight-bold;
|
|
@@ -89,8 +96,10 @@ html {
|
|
|
89
96
|
text-decoration: none;
|
|
90
97
|
font-size: $font-size-sm;
|
|
91
98
|
font-weight: 400;
|
|
99
|
+
color: var(--leap-link-color);
|
|
92
100
|
&:hover, &:focus {
|
|
93
101
|
text-decoration: underline;
|
|
102
|
+
color: var(--leap-link-active-color);
|
|
94
103
|
}
|
|
95
104
|
}
|
|
96
105
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Theme
|
|
3
|
+
//
|
|
4
|
+
// Custom variables followed by theme variables followed by Bootstrap variables
|
|
5
|
+
// to ensure cascade of styles.
|
|
6
|
+
//
|
|
7
|
+
|
|
8
|
+
// Mute deprecation warnings until a SASS version update is available without having to spam console
|
|
9
|
+
$ignore-warning: true;
|
|
10
|
+
$enable-deprecation-messages: false;
|
|
11
|
+
|
|
12
|
+
// Bootstrap functions
|
|
13
|
+
@import '~bootstrap/scss/functions';
|
|
14
|
+
|
|
15
|
+
// Custom theme variables override
|
|
16
|
+
@import '../auth/theme/css-variables/bylawyers';
|
|
17
|
+
@import '../auth/theme/bootstrap-variables/variables-bylawyers';
|
|
18
|
+
|
|
19
|
+
// Bootstrap core
|
|
20
|
+
@import '../auth/bootstrap/bootstrap';
|
|
21
|
+
|
|
22
|
+
// Custom theme core including mixins / utilities / features
|
|
23
|
+
@import '../auth/theme/mixins/mixins';
|
|
24
|
+
@import '../auth/theme/components/components';
|
|
25
|
+
@import '../auth/theme/features/auth';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.x-feedback-banner {
|
|
2
|
+
// display: none;
|
|
3
|
+
&-container {
|
|
4
|
+
position: relative;
|
|
5
|
+
padding: 1.5rem 2rem;
|
|
6
|
+
border: 1px solid $border-color;
|
|
7
|
+
border-radius: $border-radius;
|
|
8
|
+
background-color: white;
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
margin-top: 1rem;
|
|
13
|
+
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.02);
|
|
14
|
+
-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.02);
|
|
15
|
+
|
|
16
|
+
&::after {
|
|
17
|
+
content: '';
|
|
18
|
+
display: block;
|
|
19
|
+
position: absolute;
|
|
20
|
+
height: 0.25rem;
|
|
21
|
+
top: -1px;
|
|
22
|
+
left: 0;
|
|
23
|
+
right: 0;
|
|
24
|
+
border-top-left-radius: $border-radius;
|
|
25
|
+
border-top-right-radius: $border-radius;
|
|
26
|
+
background-color: theme-color('secondary-darker');;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&-text {
|
|
31
|
+
font-size: 1rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&-text-heading {
|
|
35
|
+
color: theme-color('primary-lighter');
|
|
36
|
+
font-size: inherit;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
margin: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&-text-subtitle {
|
|
42
|
+
color: $body-color;
|
|
43
|
+
margin-top: 0.25rem;
|
|
44
|
+
margin-bottom: 0;
|
|
45
|
+
font-size: 0.875rem;
|
|
46
|
+
|
|
47
|
+
&:empty {
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&-action {
|
|
53
|
+
display: flex;
|
|
54
|
+
gap: 1rem;
|
|
55
|
+
align-items: center;
|
|
56
|
+
width: auto;
|
|
57
|
+
|
|
58
|
+
.btn {
|
|
59
|
+
&:empty {
|
|
60
|
+
display: none;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|