bootstrap-italia 2.17.3 → 3.0.0-alpha.0

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 (155) hide show
  1. package/README.EN.md +1 -1
  2. package/README.md +1 -1
  3. package/dist/css/bootstrap-italia.min.css +1 -9
  4. package/dist/css/bootstrap-italia.min.css.map +1 -1
  5. package/dist/fonts/Titillium_Sans_Pro/OFL.txt +92 -0
  6. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Bold.woff +0 -0
  7. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Bold.woff2 +0 -0
  8. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-BoldItalic.woff +0 -0
  9. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-BoldItalic.woff2 +0 -0
  10. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Italic.woff +0 -0
  11. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Italic.woff2 +0 -0
  12. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Light.woff +0 -0
  13. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Light.woff2 +0 -0
  14. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-LightItalic.woff +0 -0
  15. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-LightItalic.woff2 +0 -0
  16. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Regular.woff +0 -0
  17. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Regular.woff2 +0 -0
  18. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Semibold.woff +0 -0
  19. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-Semibold.woff2 +0 -0
  20. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-SemiboldItalic.woff +0 -0
  21. package/dist/fonts/Titillium_Sans_Pro/TitilliumSansPro-SemiboldItalic.woff2 +0 -0
  22. package/dist/js/bootstrap-italia.bundle.min.js +10 -10
  23. package/dist/js/bootstrap-italia.min.js +4 -4
  24. package/dist/plugins/dropdown.js +1 -1
  25. package/dist/plugins/dropdown.js.map +1 -1
  26. package/dist/plugins/fonts-loader.js +340 -111
  27. package/dist/plugins/fonts-loader.js.map +1 -1
  28. package/dist/version.js +1 -1
  29. package/dist/version.js.map +1 -1
  30. package/package.json +3 -3
  31. package/src/fonts/Titillium_Sans_Pro/OFL.txt +92 -0
  32. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Bold.woff +0 -0
  33. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Bold.woff2 +0 -0
  34. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-BoldItalic.woff +0 -0
  35. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-BoldItalic.woff2 +0 -0
  36. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Italic.woff +0 -0
  37. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Italic.woff2 +0 -0
  38. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Light.woff +0 -0
  39. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Light.woff2 +0 -0
  40. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-LightItalic.woff +0 -0
  41. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-LightItalic.woff2 +0 -0
  42. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Regular.woff +0 -0
  43. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Regular.woff2 +0 -0
  44. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Semibold.woff +0 -0
  45. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-Semibold.woff2 +0 -0
  46. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-SemiboldItalic.woff +0 -0
  47. package/src/fonts/Titillium_Sans_Pro/TitilliumSansPro-SemiboldItalic.woff2 +0 -0
  48. package/src/js/plugins/dropdown.js +1 -1
  49. package/src/js/plugins/fonts-loader.js +340 -111
  50. package/src/js/version.js +1 -1
  51. package/src/scss/base/_maps.scss +11 -0
  52. package/src/scss/base/_mixins.scss +2 -1
  53. package/src/scss/base/_reboot.scss +15 -147
  54. package/src/scss/base/_root.scss +272 -45
  55. package/src/scss/base/_utilities.scss +3 -3
  56. package/src/scss/base/_variables.scss +44 -55
  57. package/src/scss/base/_version.scss +1 -1
  58. package/src/scss/base/mixins/_banner.scss +7 -9
  59. package/src/scss/base/mixins/_focus.scss +14 -0
  60. package/src/scss/bootstrap-italia.scss +29 -32
  61. package/src/scss/components/_accept-overlay.scss +74 -50
  62. package/src/scss/components/_accordion.scss +120 -97
  63. package/src/scss/components/_affix.scss +14 -0
  64. package/src/scss/components/_alert.scss +60 -45
  65. package/src/scss/components/_anchor.scss +14 -0
  66. package/src/scss/components/_avatar.scss +236 -369
  67. package/src/scss/components/_back-to-top.scss +70 -54
  68. package/src/scss/components/_badge.scss +69 -36
  69. package/src/scss/components/_bottomnav.scss +14 -0
  70. package/src/scss/components/_breadcrumb.scss +78 -71
  71. package/src/scss/components/_button-group.scss +21 -7
  72. package/src/scss/components/_buttons.scss +289 -318
  73. package/src/scss/components/_calendar.scss +22 -8
  74. package/src/scss/components/_callout.scss +133 -125
  75. package/src/scss/components/_card-old.scss +14 -0
  76. package/src/scss/components/_card.scss +476 -518
  77. package/src/scss/components/_carousel.scss +14 -0
  78. package/src/scss/components/_chips.scss +150 -209
  79. package/src/scss/components/_code.scss +31 -6
  80. package/src/scss/components/_cookiebar.scss +14 -0
  81. package/src/scss/components/_dimmer.scss +14 -0
  82. package/src/scss/components/_dropdown.scss +144 -179
  83. package/src/scss/components/_figcaption.scss +14 -0
  84. package/src/scss/components/_font.scss +14 -0
  85. package/src/scss/components/_footer.scss +99 -75
  86. package/src/scss/components/_forward.scss +14 -0
  87. package/src/scss/components/_grid.scss +31 -22
  88. package/src/scss/components/_gridlist.scss +41 -19
  89. package/src/scss/components/_header.scss +150 -142
  90. package/src/scss/components/_headercenter.scss +129 -193
  91. package/src/scss/components/_headercentertheme.scss +14 -0
  92. package/src/scss/components/_headernavbar.scss +22 -14
  93. package/src/scss/components/_headernavbartheme.scss +16 -2
  94. package/src/scss/components/_headerslim.scss +133 -137
  95. package/src/scss/components/_headerslimtheme.scss +14 -0
  96. package/src/scss/components/_hero.scss +93 -202
  97. package/src/scss/components/_images.scss +14 -0
  98. package/src/scss/components/_imgresponsive.scss +14 -0
  99. package/src/scss/components/_linklist.scss +241 -262
  100. package/src/scss/components/_list-group.scss +26 -14
  101. package/src/scss/components/_list.scss +66 -123
  102. package/src/scss/components/_map.scss +14 -0
  103. package/src/scss/components/_masonry-loader.scss +14 -0
  104. package/src/scss/components/_megamenu.scss +191 -256
  105. package/src/scss/components/_modal.scss +115 -204
  106. package/src/scss/components/_nav.scss +43 -41
  107. package/src/scss/components/_navbar.scss +408 -91
  108. package/src/scss/components/_navigation.scss +56 -459
  109. package/src/scss/components/_navigationtheme.scss +109 -171
  110. package/src/scss/components/_navscroll.scss +210 -208
  111. package/src/scss/components/_navscrolltheme.scss +14 -0
  112. package/src/scss/components/_notifications.scss +14 -0
  113. package/src/scss/components/_offcanvas.scss +14 -0
  114. package/src/scss/components/_overlay-panel.scss +14 -0
  115. package/src/scss/components/_page-scroll.scss +14 -0
  116. package/src/scss/components/_pagination.scss +135 -80
  117. package/src/scss/components/_placeholders.scss +14 -0
  118. package/src/scss/components/_point-list.scss +15 -0
  119. package/src/scss/components/_popover.scss +29 -19
  120. package/src/scss/components/_print.scss +14 -0
  121. package/src/scss/components/_progress-bars.scss +14 -0
  122. package/src/scss/components/_progress-donuts.scss +14 -0
  123. package/src/scss/components/_progress-spinners.scss +14 -0
  124. package/src/scss/components/_rating-list.scss +14 -0
  125. package/src/scss/components/_rating.scss +76 -45
  126. package/src/scss/components/_sections.scss +51 -30
  127. package/src/scss/components/_sidebar.scss +119 -121
  128. package/src/scss/components/_sidebarthemes.scss +14 -0
  129. package/src/scss/components/_skiplinks.scss +14 -0
  130. package/src/scss/components/_steppers.scss +14 -0
  131. package/src/scss/components/_sticky.scss +14 -0
  132. package/src/scss/components/_tab.scss +14 -0
  133. package/src/scss/components/_tables.scss +14 -0
  134. package/src/scss/components/_thumbnav.scss +14 -0
  135. package/src/scss/components/_timeline.scss +14 -0
  136. package/src/scss/components/_toasts.scss +14 -0
  137. package/src/scss/components/_toolbar.scss +14 -0
  138. package/src/scss/components/_tooltip.scss +23 -9
  139. package/src/scss/components/_type.scss +176 -176
  140. package/src/scss/components/_videoplayer.scss +25 -5
  141. package/src/scss/forms/_accessible-autocomplete.scss +25 -27
  142. package/src/scss/forms/_autocomplete.scss +99 -144
  143. package/src/scss/forms/_form-control.scss +47 -116
  144. package/src/scss/forms/_form-input-file.scss +7 -6
  145. package/src/scss/forms/_form-input-number.scss +38 -22
  146. package/src/scss/forms/_form-input-upload.scss +149 -147
  147. package/src/scss/forms/_form-password.scss +14 -11
  148. package/src/scss/forms/_form-select.scss +3 -92
  149. package/src/scss/forms/_forms.scss +304 -247
  150. package/src/scss/forms/_input-group.scss +23 -36
  151. package/src/scss/forms/_just-validate.scss +11 -12
  152. package/src/scss/utilities/focus.scss +3 -12
  153. package/src/scss/utilities/icons.scss +59 -13
  154. package/src/scss/components/_pager.scss +0 -166
  155. package/src/scss/forms/_form-text.scss +0 -11
package/src/scss/components/_navigationtheme.scss CHANGED
@@ -1,187 +1,125 @@
1
- @media (max-width: #{map-get($grid-breakpoints, lg)}) {
1
+ // Component: navigationtheme
2
+ //
3
+ // Description: Component styles for navigationtheme
4
+ //
5
+
6
+ // Variables
7
+ //
8
+
9
+ // Properties
10
+ //
11
+
12
+ // Styles
13
+ //
14
+
15
+ :root {
16
+ --navigation-dark-bg-color: #000000;
17
+ --navigation-dark-text-color: #ffffff;
18
+ --navigation-light-megamenu-separator-color: #e0e0e0;
19
+ --navigation-light-bg-color: #f8f9fa;
20
+ --navigation-light-text-color: #333333;
21
+ --dropdown-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px;
22
+ }
23
+
24
+ @include media-breakpoint-up(lg) {
2
25
  .navbar {
3
- &.theme-dark-mobile {
4
- // navbar mobile
5
- .navbar-collapsable {
6
- // menu vrapper
7
- .menu-wrapper {
8
- background: $navigation-dark-bg-color;
26
+ &.theme-dark-mobile,
27
+ &.theme-light-desk {
28
+ .navbar-collapsable .menu-wrapper {
29
+ background: var(--navigation-dark-bg-color);
30
+ }
31
+
32
+ .navbar-nav li {
33
+ a.nav-link,
34
+ button.nav-link,
35
+ &.megamenu a.it-heading-link,
36
+ &.megamenu a.it-footer-link,
37
+ .dropdown-menu .link-list-wrapper ul li a.list-item.active,
38
+ .dropdown-menu .link-list-wrapper ul li a span,
39
+ .dropdown-menu .link-list-wrapper ul li a i {
40
+ color: var(--navigation-dark-text-color);
9
41
  }
10
- /*lista menu*/
11
- .navbar-nav {
12
- li {
13
- &.megamenu {
14
- // vertical cta
15
- .dropdown-menu {
16
- .it-vertical {
17
- // description content
18
- &.it-description {
19
- p {
20
- color: $navigation-dark-text-color;
21
- }
22
- .description-content {
23
- &:before {
24
- background: $navigation-light-megamenu-separator-color;
25
- }
26
- }
27
- }
28
- }
29
- }
30
- a.it-heading-link,
31
- a.it-footer-link {
32
- color: $navigation-dark-text-color;
33
- svg {
34
- fill: $navigation-dark-text-color;
35
- }
36
- }
37
- }
38
- a.nav-link,
39
- button.nav-link {
40
- color: $navigation-dark-text-color;
41
- svg {
42
- fill: $navigation-dark-text-color;
43
- }
44
- &.active {
45
- border-left-color: $navigation-dark-text-color;
46
- }
47
- }
48
- }
42
+
43
+ a.nav-link svg,
44
+ button.nav-link svg,
45
+ &.megamenu a.it-heading-link svg,
46
+ &.megamenu a.it-footer-link svg,
47
+ .dropdown-menu .link-list-wrapper ul li a svg {
48
+ fill: var(--navigation-dark-text-color);
49
49
  }
50
- }
51
- //wrapper pulsante di chiusura menu
52
- .close-div {
53
- .close-menu {
54
- color: $navigation-dark-text-color;
50
+
51
+ &.megamenu .dropdown-menu .it-vertical.it-description p {
52
+ color: var(--navigation-dark-text-color);
55
53
  }
56
- }
57
- //dropdown
58
- .dropdown-menu {
59
- .link-list-wrapper {
60
- ul {
61
- li {
62
- a {
63
- &.list-item.active {
64
- color: $navigation-dark-text-color;
65
-
66
- span {
67
- color: $navigation-dark-text-color;
68
- }
69
- }
70
- svg {
71
- fill: $navigation-dark-text-color;
72
- }
73
- span {
74
- color: $navigation-dark-text-color;
75
- }
76
- i {
77
- color: $navigation-dark-text-color;
78
- }
79
- }
80
- }
81
- }
54
+
55
+ &.megamenu .dropdown-menu .it-vertical.it-description .description-content:before {
56
+ background: var(--navigation-light-megamenu-separator-color);
82
57
  }
83
58
  }
59
+
60
+ .close-div .close-menu {
61
+ color: var(--navigation-dark-text-color);
62
+ }
84
63
  }
85
- }
86
- }
87
- /*
88
- ++++++++++++++++++++++++++++++Desktop light Theme+++++++++++++++++++++++++++++++++++++++++++++++++
89
- */
90
- @include media-breakpoint-up(lg) {
91
- .navbar {
64
+
92
65
  &.theme-light-desk {
93
- background: $navigation-light-bg-color;
94
- box-shadow: $dropdown-box-shadow;
95
- // navbar mobile
96
- .navbar-collapsable {
97
- // menu vrapper
98
- .menu-wrapper {
99
- background: $navigation-light-bg-color;
66
+ background: var(--navigation-light-bg-color);
67
+ box-shadow: var(--dropdown-box-shadow);
68
+
69
+ .navbar-nav li {
70
+ a.nav-link,
71
+ &.megamenu > button.nav-link {
72
+ color: var(--navigation-light-text-color);
73
+ }
74
+
75
+ a.nav-link::before,
76
+ &.megamenu > button.nav-link::before {
77
+ background-color: var(--navigation-light-text-color);
78
+ }
79
+
80
+ a.nav-link.active,
81
+ &.megamenu > button.nav-link.active {
82
+ border-bottom-color: var(--navigation-light-text-color);
83
+ }
84
+
85
+ a.nav-link svg,
86
+ &.megamenu > button.nav-link svg {
87
+ fill: var(--navigation-light-text-color);
100
88
  }
101
- /*lista menu*/
102
- .navbar-nav {
103
- li {
104
- // megamenu variation
105
- &.megamenu {
106
- > button.nav-link {
107
- &::before {
108
- background-color: $navigation-light-text-color;
109
- }
110
- color: $navigation-light-text-color;
111
- svg {
112
- fill: $navigation-light-text-color;
113
- }
114
- &.active {
115
- border-bottom-color: $navigation-light-text-color;
116
- }
117
- }
118
- a.nav-link {
119
- &:before {
120
- background-color: $navigation-light-text-color;
121
- }
122
- }
123
- // vertical cta
124
- .dropdown-menu {
125
- a.it-heading-link,
126
- a.it-footer-link {
127
- color: $navigation-light-bg-color;
128
- svg {
129
- fill: $navigation-light-bg-color;
130
- }
131
- }
132
- .it-heading-link-wrapper,
133
- .it-footer-link-wrapper,
134
- .it-footer-link-wrapper-vertical {
135
- border-color: $navigation-light-megamenu-separator-color;
136
- }
137
- }
138
- // description content
139
- .it-description {
140
- p {
141
- color: $navigation-light-bg-color;
142
- }
143
- }
144
- }
145
-
146
- a.nav-link {
147
- color: $navigation-light-text-color;
148
- &.active {
149
- border-bottom-color: $navigation-light-text-color;
150
- }
151
- }
89
+
90
+ &.megamenu .dropdown-menu {
91
+ a.it-heading-link,
92
+ a.it-footer-link {
93
+ color: var(--navigation-light-bg-color);
94
+ }
95
+
96
+ a.it-heading-link svg,
97
+ a.it-footer-link svg {
98
+ fill: var(--navigation-light-bg-color);
99
+ }
100
+
101
+ .it-heading-link-wrapper,
102
+ .it-footer-link-wrapper,
103
+ .it-footer-link-wrapper-vertical {
104
+ border-color: var(--navigation-light-megamenu-separator-color);
152
105
  }
153
106
  }
154
107
  }
155
- // megamenu
156
- // dropdown
157
- .dropdown-menu {
158
- background: $navigation-light-text-color;
159
- &:before {
160
- background: $navigation-light-text-color;
108
+
109
+ .dropdown-menu,
110
+ .dropdown-menu:before {
111
+ background: var(--navigation-light-text-color);
112
+ }
113
+
114
+ .link-list-wrapper ul li a {
115
+ &.list-item.active,
116
+ span,
117
+ i {
118
+ color: var(--navigation-light-bg-color);
161
119
  }
162
- .link-list-wrapper {
163
- ul {
164
- li {
165
- a {
166
- &.list-item.active {
167
- color: $navigation-light-bg-color;
168
-
169
- span {
170
- color: $navigation-light-bg-color;
171
- }
172
- }
173
- svg {
174
- fill: $navigation-light-bg-color;
175
- }
176
- span {
177
- color: $navigation-light-bg-color;
178
- }
179
- i {
180
- color: $navigation-light-bg-color;
181
- }
182
- }
183
- }
184
- }
120
+
121
+ svg {
122
+ fill: var(--navigation-light-bg-color);
185
123
  }
186
124
  }
187
125
  }