swop 0.1.0 → 0.1.1

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.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/rails_admin/application.js.erb +3 -2
  3. data/app/assets/javascripts/rails_admin/custom/abstract-select.js +30 -0
  4. data/app/assets/javascripts/rails_admin/custom/filter-box.js +363 -0
  5. data/app/assets/javascripts/rails_admin/custom/filtering-multiselect.js +387 -0
  6. data/app/assets/javascripts/rails_admin/custom/filtering-select.js +1 -1
  7. data/app/assets/stylesheets/rails_admin/application.scss.erb +19 -33
  8. data/app/assets/stylesheets/rails_admin/{custom → themes}/base/base.scss +4 -0
  9. data/app/assets/stylesheets/rails_admin/themes/base/bootstrap-variables.scss +252 -0
  10. data/app/assets/stylesheets/rails_admin/{custom → themes}/base/mixins.scss +0 -16
  11. data/app/assets/stylesheets/rails_admin/themes/base/theming.scss +22 -0
  12. data/app/assets/stylesheets/rails_admin/themes/base/variables.scss +71 -0
  13. data/app/assets/stylesheets/rails_admin/themes/simple/base/typography.scss +22 -0
  14. data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-dark.scss +74 -0
  15. data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-light.scss +77 -0
  16. data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-navy.scss +74 -0
  17. data/app/assets/stylesheets/rails_admin/themes/simple/base/variables.scss +129 -0
  18. data/app/assets/stylesheets/rails_admin/themes/simple/components/alerts.scss +88 -0
  19. data/app/assets/stylesheets/rails_admin/themes/simple/components/breadcrumbs.scss +44 -0
  20. data/app/assets/stylesheets/rails_admin/themes/simple/components/buttons.scss +138 -0
  21. data/app/assets/stylesheets/rails_admin/themes/simple/components/containers.scss +15 -0
  22. data/app/assets/stylesheets/rails_admin/themes/simple/components/dropdowns.scss +12 -0
  23. data/app/assets/stylesheets/rails_admin/themes/simple/components/filter-box.scss +8 -0
  24. data/app/assets/stylesheets/rails_admin/themes/simple/components/filtering-multiselect.scss +40 -0
  25. data/app/assets/stylesheets/rails_admin/themes/simple/components/filtering-select.scss +42 -0
  26. data/app/assets/stylesheets/rails_admin/{custom → themes/simple}/components/forms.scss +4 -2
  27. data/app/assets/stylesheets/rails_admin/{custom → themes/simple}/components/images.scss +4 -6
  28. data/app/assets/stylesheets/rails_admin/themes/simple/components/links.scss +25 -0
  29. data/app/assets/stylesheets/rails_admin/themes/simple/components/navs.scss +73 -0
  30. data/app/assets/stylesheets/rails_admin/themes/simple/components/progress.scss +4 -0
  31. data/app/assets/stylesheets/rails_admin/themes/simple/components/sidebar.scss +84 -0
  32. data/app/assets/stylesheets/rails_admin/themes/simple/components/tables.scss +84 -0
  33. data/app/assets/stylesheets/rails_admin/themes/simple/layouts/rows.scss +34 -0
  34. data/app/assets/stylesheets/rails_admin/themes/simple/light/components/links.scss +15 -0
  35. data/app/assets/stylesheets/rails_admin/themes/simple/light/components/sidebar.scss +25 -0
  36. data/app/assets/stylesheets/rails_admin/themes/simple.scss.erb +37 -0
  37. data/app/helpers/rails_admin/application_helper.rb +34 -46
  38. data/app/helpers/rails_admin/form_builder.rb +166 -0
  39. data/app/views/layouts/rails_admin/_custom_navigation.html.erb +10 -0
  40. data/app/views/layouts/rails_admin/_head.html.erb +32 -0
  41. data/app/views/layouts/rails_admin/_header.html.erb +43 -0
  42. data/app/views/layouts/rails_admin/_sidebar_navigation.html.erb +3 -1
  43. data/app/views/layouts/rails_admin/application.html.erb +15 -12
  44. data/app/views/layouts/rails_admin/content.html.erb +6 -51
  45. data/app/views/rails_admin/main/_form_polymorphic_association.html.erb +15 -0
  46. data/app/views/rails_admin/main/_submit_buttons.html.erb +22 -18
  47. data/app/views/rails_admin/main/dashboard.html.erb +49 -55
  48. data/app/views/rails_admin/main/export.html.erb +23 -23
  49. data/app/views/rails_admin/main/history.html.erb +87 -0
  50. data/app/views/rails_admin/main/index.html.erb +60 -56
  51. data/app/views/rails_admin/main/show.html.erb +15 -23
  52. data/config/locales/rails_admin.en.yml +158 -0
  53. data/lib/swop/version.rb +1 -1
  54. data/lib/swop.rb +1 -0
  55. metadata +41 -28
  56. data/app/assets/javascripts/rails_admin/custom/sidescroll.js +0 -20
  57. data/app/assets/javascripts/rails_admin/custom/ui.js +0 -11
  58. data/app/assets/stylesheets/rails_admin/custom/base/bootstrap-variables.scss +0 -196
  59. data/app/assets/stylesheets/rails_admin/custom/base/typography.scss +0 -16
  60. data/app/assets/stylesheets/rails_admin/custom/base/variables.scss +0 -86
  61. data/app/assets/stylesheets/rails_admin/custom/components/breadcrumbs.scss +0 -18
  62. data/app/assets/stylesheets/rails_admin/custom/components/buttons.scss +0 -55
  63. data/app/assets/stylesheets/rails_admin/custom/components/dropdowns.scss +0 -40
  64. data/app/assets/stylesheets/rails_admin/custom/components/filtering-select.scss +0 -43
  65. data/app/assets/stylesheets/rails_admin/custom/components/navbar.scss +0 -18
  66. data/app/assets/stylesheets/rails_admin/custom/components/navs.scss +0 -28
  67. data/app/assets/stylesheets/rails_admin/custom/components/offcanvas.scss +0 -18
  68. data/app/assets/stylesheets/rails_admin/custom/components/progress.scss +0 -11
  69. data/app/assets/stylesheets/rails_admin/custom/components/sidebar.scss +0 -115
  70. data/app/assets/stylesheets/rails_admin/custom/components/table.scss +0 -59
  71. data/app/assets/stylesheets/rails_admin/custom/components/tiles.scss +0 -20
  72. data/app/assets/stylesheets/rails_admin/custom/layouts/body.scss +0 -10
  73. data/app/assets/stylesheets/rails_admin/custom/layouts/containers.scss +0 -31
  74. data/app/views/layouts/rails_admin/custom/_nav.html.erb +0 -10
  75. data/app/views/rails_admin/main/delete.html.erb +0 -19
  76. data/app/views/rails_admin/main/edit.html.erb +0 -5
  77. data/app/views/rails_admin/main/new.html.erb +0 -5
@@ -0,0 +1,129 @@
1
+ // Links
2
+ $link-decoration: none;
3
+ $link-shade-percentage: 0%;
4
+ $link-hover-decoration: underline;
5
+
6
+ // Paragraphs
7
+ $paragraph-margin-bottom: $spacer-3;
8
+
9
+ // Grid columns
10
+ $grid-gutter-width: $spacer-7;
11
+
12
+ // Container padding
13
+ $container-padding-x: $grid-gutter-width;
14
+
15
+ // Components
16
+ $border-radius: $base-border-radius * 2; // 8px
17
+ $border-radius-sm: $base-border-radius * 1; // 4px
18
+ $border-radius-lg: $base-border-radius * 3; // 12px
19
+ $border-radius-xl: $base-border-radius * 4; // 16px
20
+ $border-radius-xxl: $base-border-radius * 5; // 20px
21
+
22
+ // Typography
23
+ $font-family-sans-serif: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
24
+
25
+ $font-size-base: $base-font-size * 0.875; // 14px
26
+ $font-size-sm: $base-font-size * 0.75; // 12px
27
+ $font-size-lg: $base-font-size * 1; // 16px
28
+
29
+ $font-weight-base: $font-weight-medium;
30
+
31
+ $line-height-base: 1.625;
32
+ $line-height-sm: 1.325;
33
+ $line-height-lg: 1.875;
34
+
35
+ $h1-font-size: $base-font-size * 1.75; // 28px
36
+ $h2-font-size: $base-font-size * 1.5; // 24px
37
+ $h3-font-size: $base-font-size * 1.25; // 20px
38
+ $h4-font-size: $base-font-size * 1.125; // 18px
39
+ $h5-font-size: $base-font-size * 1; // 16px
40
+ $h6-font-size: $base-font-size * 0.875; // 14px
41
+
42
+ $headings-margin-bottom: $spacer-4;
43
+ $headings-font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
44
+ $headings-font-weight: $font-weight-bold;
45
+ $headings-line-height: $line-height-sm;
46
+
47
+ // Tables
48
+ $table-cell-padding-y: $spacer-2;
49
+ $table-cell-padding-x: $spacer-4;
50
+
51
+ $table-cell-vertical-align: center;
52
+
53
+ $table-th-font-weight: $font-weight-semibold;
54
+
55
+ $table-border-width: $border-width;
56
+
57
+ // Buttons + Forms
58
+ $input-btn-padding-y: 0.625em;
59
+ $input-btn-padding-x: $spacer-4;
60
+ $input-btn-line-height: $line-height-base;
61
+
62
+ $input-btn-padding-y-sm: 0.625em;
63
+ $input-btn-padding-x-sm: $spacer-3;
64
+
65
+ $input-btn-padding-y-lg: 0.625em;
66
+ $input-btn-padding-x-lg: $spacer-4;
67
+
68
+ // Buttons
69
+ $btn-padding-x: 1.325em;
70
+
71
+ $btn-padding-x-sm: 1.325em;
72
+
73
+ $btn-padding-x-lg: 1.325em;
74
+
75
+ $btn-border-radius: 0.625em;
76
+ $btn-border-radius-sm: 0.625em;
77
+ $btn-border-radius-lg: 0.625em;
78
+
79
+ $btn-font-weight: $font-weight-semibold;
80
+
81
+ // Navs
82
+ $nav-link-padding-y: 0;
83
+ $nav-link-padding-x: 0;
84
+ $nav-link-font-size: $font-size-base;
85
+ $nav-link-font-weight: $font-weight-medium;
86
+
87
+ $nav-tabs-border-radius: 0;
88
+
89
+ // Dropdowns
90
+ $dropdown-padding-y: $spacer-1;
91
+ $dropdown-spacer: $spacer-1;
92
+ $dropdown-font-size: $font-size-base;
93
+ $dropdown-border-radius: 0.625em;
94
+ $dropdown-divider-margin-y: $spacer-1;
95
+
96
+ $dropdown-item-padding-y: $spacer-1;
97
+ $dropdown-item-padding-x: $spacer-4;
98
+
99
+ $dropdown-header-padding-x: $spacer-4;
100
+ $dropdown-header-padding-y: $spacer-1;
101
+
102
+ $dropdown-header-padding: $spacer-1 $spacer-4;
103
+
104
+ // Offcanvas
105
+ $offcanvas-padding-y: $spacer-5;
106
+ $offcanvas-padding-x: $spacer-5;
107
+ $offcanvas-horizontal-width: rem(260px);
108
+ $offcanvas-border-width: 0;
109
+
110
+ // Alerts
111
+ $alert-padding-y: $spacer-3;
112
+ $alert-padding-x: $spacer-4;
113
+ $alert-margin-bottom: $spacer-5;
114
+ $alert-border-radius: 0.625em;
115
+ $alert-link-font-weight: $font-weight-semibold;
116
+ $alert-border-width: 0;
117
+
118
+ // Progress bars
119
+ $progress-height: rem(14px);
120
+ $progress-font-size: $font-size-base * 0.75;
121
+ // $progress-bg: var(--#{$prefix}secondary-bg) !default;
122
+ $progress-border-radius: 0.625em;
123
+ // $progress-bar-color: $white;
124
+ // $progress-bar-bg: $primary !default;
125
+ $progress-bar-transition: width $transition;
126
+
127
+ // Other
128
+ $letter-spacing-body: -0.015em;
129
+ $letter-spacing-headings: -0.02em;
@@ -0,0 +1,88 @@
1
+ .alert {
2
+
3
+ @include media-breakpoint-up(md) {
4
+ margin-bottom: $spacer-6;
5
+ padding: $spacer-4 $spacer-5;
6
+ }
7
+
8
+ &-dismissible {
9
+ padding-right: $spacer-4 + rem(40px);
10
+
11
+ @include media-breakpoint-up(md) {
12
+ padding-right: $spacer-5 + rem(44px);
13
+ }
14
+ }
15
+
16
+ .btn-close {
17
+ background-image: none;
18
+ height: rem(32px);
19
+ padding: 0;
20
+ right: $spacer-2;
21
+ top: 50%;
22
+ transform: translateY(-50%);
23
+ width: rem(32px);
24
+
25
+ @include media-breakpoint-up(md) {
26
+ right: $spacer-3;
27
+ }
28
+
29
+ &::before {
30
+ @extend .fa-solid;
31
+ @extend .fa-times;
32
+ }
33
+ }
34
+
35
+ &-primary {
36
+ background-color: rgba($primary, 0.125);
37
+ color: $primary;
38
+
39
+ .btn-close::before {
40
+ color: $primary;
41
+ }
42
+ }
43
+
44
+ &-secondary {
45
+ background-color: rgba($secondary, 0.125);
46
+ color: $secondary;
47
+
48
+ .btn-close::before {
49
+ color: $secondary;
50
+ }
51
+ }
52
+
53
+ &-success {
54
+ background-color: rgba($success, 0.125);
55
+ color: $success;
56
+
57
+ .btn-close::before {
58
+ color: $success;
59
+ }
60
+ }
61
+
62
+ &-info {
63
+ background-color: rgba($info, 0.125);
64
+ color: $info;
65
+
66
+ .btn-close::before {
67
+ color: $info;
68
+ }
69
+ }
70
+
71
+ &-warning {
72
+ background-color: rgba($warning, 0.125);
73
+ color: $warning;
74
+
75
+ .btn-close::before {
76
+ color: $warning;
77
+ }
78
+ }
79
+
80
+ &-danger {
81
+ background-color: rgba($danger, 0.125);
82
+ color: $danger;
83
+
84
+ .btn-close::before {
85
+ color: $danger;
86
+ }
87
+ }
88
+ }
@@ -0,0 +1,44 @@
1
+ .breadcrumb {
2
+ font-size: $font-size-base;
3
+ font-weight: $font-weight-medium;
4
+
5
+ &-item {
6
+ align-items: baseline;
7
+ color: $body-color;
8
+ display: flex;
9
+ margin-right: 0.825em;
10
+ padding-left: 0 !important;
11
+
12
+ &::before {
13
+ content: none !important;
14
+ }
15
+
16
+ &::after {
17
+ @extend .fa-solid;
18
+ @extend .fa-sm;
19
+ color: $body-color;
20
+ content: "\f105";
21
+ padding-left: 0.875em;
22
+ }
23
+
24
+ &:last-child {
25
+ margin-right: 0;
26
+
27
+ &::after {
28
+ content: none;
29
+ }
30
+ }
31
+
32
+ &.active {
33
+ color: $body-color;
34
+ }
35
+
36
+ a {
37
+ color: $body-color;
38
+
39
+ &:hover {
40
+ text-decoration: underline;
41
+ }
42
+ }
43
+ }
44
+ }
@@ -0,0 +1,138 @@
1
+ .btn {
2
+ letter-spacing: $letter-spacing-body;
3
+
4
+ &-primary {
5
+
6
+ @include button-variant(
7
+ $background: $primary,
8
+ $border: $primary,
9
+ $color: $white,
10
+ $hover-background: lighten($primary, 2.5%),
11
+ $hover-border: lighten($primary, 2.5%),
12
+ $hover-color: $white,
13
+ $active-background: darken(desaturate($primary, 2.5%), 2.5%),
14
+ $active-border: darken(desaturate($primary, 2.5%), 2.5%),
15
+ $active-color: $white,
16
+ $disabled-background: $primary,
17
+ $disabled-border: $primary,
18
+ $disabled-color: $white
19
+ );
20
+ }
21
+
22
+ &-secondary {
23
+
24
+ @include button-variant(
25
+ $background: $secondary,
26
+ $border: $secondary,
27
+ $color: $dark,
28
+ $hover-background: lighten($secondary, 7.5%),
29
+ $hover-border: lighten($secondary, 7.5%),
30
+ $hover-color: $dark,
31
+ $active-background: darken(desaturate($secondary, 5%), 5%),
32
+ $active-border: darken(desaturate($secondary, 5%), 5%),
33
+ $active-color: $dark,
34
+ $disabled-background: $secondary,
35
+ $disabled-border: $secondary,
36
+ $disabled-color: $dark
37
+ );
38
+ }
39
+
40
+ &-success {
41
+
42
+ @include button-variant(
43
+ $background: $success,
44
+ $border: $success,
45
+ $color: $white,
46
+ $hover-background: lighten($success, 5%),
47
+ $hover-border: lighten($success, 5%),
48
+ $hover-color: $white,
49
+ $active-background: darken(desaturate($success, 3.25%), 3.25%),
50
+ $active-border: darken(desaturate($success, 3.25%), 3.25%),
51
+ $active-color: $white,
52
+ $disabled-background: $success,
53
+ $disabled-border: $success,
54
+ $disabled-color: $white
55
+ );
56
+ }
57
+
58
+ &-info {
59
+
60
+ @include button-variant(
61
+ $background: $info,
62
+ $border: $info,
63
+ $color: $white,
64
+ $hover-background: lighten($info, 2.5%),
65
+ $hover-border: lighten($info, 2.5%),
66
+ $hover-color: $white,
67
+ $active-background: darken(desaturate($info, 2.5%), 2.5%),
68
+ $active-border: darken(desaturate($info, 2.5%), 2.5%),
69
+ $active-color: $white,
70
+ $disabled-background: $info,
71
+ $disabled-border: $info,
72
+ $disabled-color: $white
73
+ );
74
+ }
75
+
76
+ &-warning {
77
+
78
+ @include button-variant(
79
+ $background: $warning,
80
+ $border: $warning,
81
+ $color: $white,
82
+ $hover-background: lighten($warning, 4%),
83
+ $hover-border: lighten($warning, 4%),
84
+ $hover-color: $white,
85
+ $active-background: darken(desaturate($warning, 3.25%), 3.25%),
86
+ $active-border: darken(desaturate($warning, 3.25%), 3.25%),
87
+ $active-color: $white,
88
+ $disabled-background: $warning,
89
+ $disabled-border: $warning,
90
+ $disabled-color: $white
91
+ );
92
+ }
93
+
94
+ &-danger {
95
+
96
+ @include button-variant(
97
+ $background: $danger,
98
+ $border: $danger,
99
+ $color: $white,
100
+ $hover-background: lighten($danger, 3.25%),
101
+ $hover-border: lighten($danger, 3.25%),
102
+ $hover-color: $white,
103
+ $active-background: darken(desaturate($danger, 5%), 3.25%),
104
+ $active-border: darken(desaturate($danger, 5%), 3.25%),
105
+ $active-color: $white,
106
+ $disabled-background: $danger,
107
+ $disabled-border: $danger,
108
+ $disabled-color: $white
109
+ );
110
+ }
111
+
112
+ &-white {
113
+ box-shadow: 0 rem(2px 3px -1px) rgba($dark, 0.075);
114
+
115
+ @include button-variant(
116
+ $background: $white,
117
+ $border: $input-border-color,
118
+ $color: $dark,
119
+ $hover-background: darken($white, 1%),
120
+ $hover-border: darken($border-color, 4.25%),
121
+ $hover-color: $dark,
122
+ $active-background: darken($white, 2%),
123
+ $active-border: darken($border-color, 6.50%),
124
+ $active-color: $dark,
125
+ $disabled-background: $white,
126
+ $disabled-border: $input-border-color,
127
+ $disabled-color: $dark
128
+ );
129
+
130
+ &:hover {
131
+ box-shadow: 0 rem(1px 2px 0px) rgba($dark, 0.0875);
132
+ }
133
+
134
+ &:active {
135
+ box-shadow: 0 rem(1px 2px 0px) rgba($dark, 0.0875);
136
+ }
137
+ }
138
+ }
@@ -0,0 +1,15 @@
1
+ .container {
2
+
3
+ &-fluid {
4
+
5
+ @include media-breakpoint-up(md) {
6
+ padding-left: $spacer-6;
7
+ padding-right: $spacer-6;
8
+ }
9
+
10
+ @include media-breakpoint-up(lg) {
11
+ padding-left: $spacer-7;
12
+ padding-right: $spacer-7;
13
+ }
14
+ }
15
+ }
@@ -0,0 +1,12 @@
1
+ .dropdown {
2
+
3
+ &-header {
4
+ font-weight: $font-weight-semibold;
5
+ }
6
+
7
+ &-header,
8
+ &-item {
9
+ font-weight: $font-weight-medium;
10
+ line-height: $line-height-lg;
11
+ }
12
+ }
@@ -0,0 +1,8 @@
1
+ .filter {
2
+
3
+ .form-control {
4
+ display: inline-block;
5
+ vertical-align: middle;
6
+ width: auto;
7
+ }
8
+ }
@@ -0,0 +1,40 @@
1
+ .ra-multiselect {
2
+
3
+ input.ra-multiselect-search {
4
+ width: 100% !important;
5
+ }
6
+
7
+ &-header {
8
+ margin-bottom: unset !important;
9
+ }
10
+
11
+ &-column {
12
+
13
+ .wrapper {
14
+
15
+ select {
16
+ margin-bottom: $spacer-3 !important;
17
+ min-width: unset !important;
18
+ }
19
+ }
20
+ }
21
+
22
+ &-center {
23
+ margin-left: unset !important;
24
+ margin-right: unset !important;
25
+ width: unset !important;
26
+ }
27
+
28
+ span.fas,
29
+ a.fas {
30
+ color: $primary !important;
31
+
32
+ &:hover {
33
+ color: lighten($primary, 2.5%) !important;
34
+ }
35
+
36
+ &:active {
37
+ color: darken(desaturate($primary, 2.5%), 2.5%) !important;
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,42 @@
1
+ .ui {
2
+
3
+ &-menu.ui-widget.ui-autocomplete {
4
+ border-radius: $dropdown-border-radius;
5
+ border-top-left-radius: 0;
6
+ border-top-right-radius: 0;
7
+ border: $border-width solid $dropdown-border-color;
8
+ box-shadow: none;
9
+ padding: $dropdown-padding-y 0;
10
+
11
+ & .ui-menu-item a {
12
+ color: $dropdown-link-color;
13
+ font-family: $font-family-sans-serif;
14
+ font-size: $dropdown-font-size;
15
+ font-weight: $font-weight-medium;
16
+ line-height: $line-height-lg;
17
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
18
+
19
+ &.ui-state-hover,
20
+ &.ui-state-active {
21
+ background: $dropdown-link-hover-bg;
22
+ border-color: none;
23
+ color: $dropdown-link-hover-color;
24
+ font-weight: $font-weight-medium;
25
+ margin: unset;
26
+ text-shadow: none;
27
+ }
28
+
29
+ span {
30
+ color: $body-secondary-color;
31
+ }
32
+ }
33
+ }
34
+ }
35
+
36
+ .belongs_to_association_type,
37
+ .has_many_association_type {
38
+
39
+ .modal-actions .btn-info {
40
+ @extend .btn-primary;
41
+ }
42
+ }
@@ -3,8 +3,8 @@
3
3
  &-switch {
4
4
 
5
5
  .form-check-input {
6
- margin-top: 0;
7
6
  height: rem(25px);
7
+ margin-top: 0;
8
8
  width: rem(48px);
9
9
  }
10
10
  }
@@ -13,7 +13,9 @@
13
13
  .input-group {
14
14
 
15
15
  &-btn {
16
+ border-color: $input-border-color;
16
17
  border-left: 0;
18
+ box-shadow: none;
17
19
 
18
20
  &.dropdown-toggle::after {
19
21
  @extend .fa-solid;
@@ -22,4 +24,4 @@
22
24
  content: "\f078";
23
25
  }
24
26
  }
25
- }
27
+ }
@@ -1,19 +1,17 @@
1
1
  .img {
2
2
 
3
3
  &-wrapper {
4
+ overflow: hidden;
4
5
 
5
6
  &-avatar {
6
7
  border-radius: 50%;
7
- display: inline-block;
8
- font-size: 0;
9
- height: rem(42px);
10
- line-height: 0;
11
- overflow: hidden;
12
- width: rem(42px);
8
+ height: rem(40px);
9
+ width: rem(40px);
13
10
 
14
11
  img {
15
12
  height: 100%;
16
13
  object-fit: cover;
14
+ object-position: center;
17
15
  width: 100%;
18
16
  }
19
17
  }
@@ -0,0 +1,25 @@
1
+ .link {
2
+
3
+ &,
4
+ *[class^="fa"] {
5
+ transition: all $transition;
6
+ }
7
+
8
+ &-white {
9
+
10
+ &,
11
+ *[class^="fa"] {
12
+ color: $white;
13
+ }
14
+
15
+ &:hover,
16
+ &:hover *[class^="fa"] {
17
+ color: $white;
18
+ }
19
+ }
20
+
21
+ &-scalable:hover {
22
+ text-decoration: none;
23
+ transform: scale(1.075);
24
+ }
25
+ }
@@ -0,0 +1,73 @@
1
+ .nav {
2
+
3
+ &-link {
4
+ transition: all $transition;
5
+
6
+ *[class^="fa"] {
7
+ transition: transform $transition;
8
+ }
9
+
10
+ &.show {
11
+
12
+ *[class^="fa"] {
13
+ transform: rotate(180deg);
14
+ }
15
+ }
16
+ }
17
+
18
+ &-tabs {
19
+
20
+ .nav-link {
21
+ align-items: center;
22
+ border-left-width: 0;
23
+ border-right-width: 0;
24
+ border-top-width: 0;
25
+ display: flex;
26
+ padding-bottom: $spacer-3;
27
+
28
+ &.active {
29
+ border-bottom-width: rem(2px);
30
+ font-weight: $font-weight-semibold;
31
+ }
32
+
33
+ *[class^="fa"] {
34
+ display: none;
35
+
36
+ @include media-breakpoint-up(md) {
37
+ display: block;
38
+ margin-right: $spacer-2;
39
+ }
40
+ }
41
+ }
42
+
43
+ .nav-item {
44
+
45
+ & + .nav-item {
46
+ margin-left: $spacer-6;
47
+
48
+ @include media-breakpoint-up(md) {
49
+ margin-left: $spacer-7;
50
+ }
51
+ }
52
+
53
+ &.dropdown {
54
+ display: none;
55
+
56
+ @include media-breakpoint-up(md) {
57
+ display: flex;
58
+ }
59
+
60
+ .nav-link:hover,
61
+ .nav-link:focus {
62
+ background-color: transparent;
63
+ border-color: transparent;
64
+ }
65
+ }
66
+ }
67
+
68
+ .dropdown-menu {
69
+ border-top-left-radius: $dropdown-border-radius;
70
+ border-top-right-radius: $dropdown-border-radius;
71
+ }
72
+ }
73
+ }
@@ -0,0 +1,4 @@
1
+ .progress {
2
+ border: $border-width solid $border-color;
3
+ min-width: rem(256px);
4
+ }