@itcase/ui 1.1.17 → 1.1.18
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/css/components/Accordion/Accordion.css +87 -11
- package/dist/css/components/Avatar/Avatar.css +102 -7
- package/dist/css/components/Badge/Badge.css +66 -8
- package/dist/css/components/Button/Button.css +335 -16
- package/dist/css/components/Caption/Caption.css +22 -4
- package/dist/css/components/Card/Card.css +18 -3
- package/dist/css/components/Cell/Cell.css +119 -13
- package/dist/css/components/Checkbox/Checkbox.css +95 -5
- package/dist/css/components/Chips/Chips.css +59 -5
- package/dist/css/components/Choice/Choice.css +84 -6
- package/dist/css/components/Choice/css/__item/choice__item.css +0 -2
- package/dist/css/components/Code/Code.css +38 -6
- package/dist/css/components/ContextMenu/ContextMenu.css +36 -5
- package/dist/css/components/ContextMenu/css/__item/context-menu__item.css +0 -2
- package/dist/css/components/CookiesWarning/CookiesWarning.css +36 -2
- package/dist/css/components/DadataHintField/DadataHintField.css +36 -6
- package/dist/css/components/DatePicker/DatePicker.css +1175 -8
- package/dist/css/components/Divider/Divider.css +48 -6
- package/dist/css/components/Dot/Dot.css +25 -5
- package/dist/css/components/Drawer/Drawer.css +52 -4
- package/dist/css/components/Dropdown/Dropdown.css +129 -13
- package/dist/css/components/Flex/Flex.css +178 -17
- package/dist/css/components/Flex/css/__item/flex__item.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_align.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_direction.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_grow.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_shape.css +0 -2
- package/dist/css/components/Flex/css/__item/flex__item_wrap.css +0 -2
- package/dist/css/components/Grid/Grid.css +218 -22
- package/dist/css/components/Grid/css/__item/grid__item.css +0 -2
- package/dist/css/components/Grid/css/__item/grid__item_align-self.css +0 -2
- package/dist/css/components/Grid/css/__item/grid__item_column.css +0 -2
- package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +0 -2
- package/dist/css/components/Grid/css/__item/grid__item_row.css +0 -2
- package/dist/css/components/Grid/css/__row/grid__row.css +0 -2
- package/dist/css/components/Group/Group.css +94 -9
- package/dist/css/components/HTMLContent/HTMLContent.css +98 -7
- package/dist/css/components/Icon/Icon.css +123 -12
- package/dist/css/components/Image/Image.css +132 -9
- package/dist/css/components/Input/Input.css +85 -6
- package/dist/css/components/InputMask/Input.css +77 -6
- package/dist/css/components/InputPassword/InputPassword.css +68 -5
- package/dist/css/components/Label/Label.css +83 -8
- package/dist/css/components/Link/Link.css +32 -5
- package/dist/css/components/List/List.css +112 -9
- package/dist/css/components/Loader/Loader.css +44 -4
- package/dist/css/components/Logo/Logo.css +55 -7
- package/dist/css/components/Menu/Menu.css +56 -6
- package/dist/css/components/MenuItem/MenuItem.css +81 -9
- package/dist/css/components/Modal/Modal.css +39 -5
- package/dist/css/components/Notification/Notification.css +143 -11
- package/dist/css/components/Notification/css/__item/notification__item_set_float.css +0 -2
- package/dist/css/components/Notification/css/__item/notification__item_set_form.css +0 -2
- package/dist/css/components/Notification/css/__item/notification__item_set_toast.css +0 -2
- package/dist/css/components/Notification/css/__item/notification__item_set_top.css +0 -2
- package/dist/css/components/Notification/css/__item/notification__item_status.css +0 -2
- package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css +0 -2
- package/dist/css/components/Overlay/Overlay.css +43 -5
- package/dist/css/components/Page/Page.css +8 -3
- package/dist/css/components/Pagination/Pagination.css +107 -8
- package/dist/css/components/Pagination/css/__item/pagination__item.css +0 -2
- package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +0 -2
- package/dist/css/components/Pagination/css/__item/pagination__item_state_disabled.css +0 -2
- package/dist/css/components/Panel/Panel.css +107 -10
- package/dist/css/components/Radio/Radio.css +113 -6
- package/dist/css/components/RangeSlider/RangeSlider.css +418 -15
- package/dist/css/components/Response/Response.css +29 -4
- package/dist/css/components/SVGContent/SVGContent.css +2 -3
- package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +30 -2
- package/dist/css/components/Scrollbar/Scrollbar.css +58 -3
- package/dist/css/components/Search/Search.css +114 -10
- package/dist/css/components/Search/css/search-input/search-input.css +0 -2
- package/dist/css/components/Search/css/search-input/search-input_shape.css +0 -2
- package/dist/css/components/Search/css/search-input/search-input_size.css +0 -2
- package/dist/css/components/Search/css/search-result/search-result.css +0 -2
- package/dist/css/components/Search/css/search-result/search-result_shape.css +0 -2
- package/dist/css/components/Segmented/Segmented.css +117 -6
- package/dist/css/components/Select/Select.css +373 -22
- package/dist/css/components/Select/css/__control/select__control.css +0 -2
- package/dist/css/components/Select/css/__control/select__control_fill.css +0 -2
- package/dist/css/components/Select/css/__control/select__control_shape.css +0 -2
- package/dist/css/components/Select/css/__indicators/select__indicators.css +0 -2
- package/dist/css/components/Select/css/__input-container/select__input-container.css +0 -2
- package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +0 -2
- package/dist/css/components/Select/css/__menu/select__menu-notice.css +0 -2
- package/dist/css/components/Select/css/__menu/select__menu.css +0 -2
- package/dist/css/components/Select/css/__multi-value/select__multi-value.css +0 -2
- package/dist/css/components/Select/css/__option/select__option.css +0 -2
- package/dist/css/components/Select/css/__placeholder/select__placeholder.css +0 -2
- package/dist/css/components/Select/css/__single-value/select__single-value.css +0 -2
- package/dist/css/components/Select/css/__value-container/select__value-container.css +0 -2
- package/dist/css/components/SiteMenu/SiteMenu.css +37 -3
- package/dist/css/components/Swiper/Swiper.css +973 -7
- package/dist/css/components/Swiper/css/__item/swiper-block__item.css +0 -2
- package/dist/css/components/Switch/Switch.css +68 -5
- package/dist/css/components/Tab/Tab.css +69 -9
- package/dist/css/components/Text/Text.css +57 -6
- package/dist/css/components/Textarea/Textarea.css +40 -5
- package/dist/css/components/Tile/Tile.css +47 -6
- package/dist/css/components/Title/Title.css +59 -7
- package/dist/css/components/Tooltip/Tooltip.css +121 -9
- package/dist/css/components/Video/Video.css +37 -7
- package/dist/css/components/Wrapper/Wrapper.css +35 -4
- package/dist/css/styles/align/align.css +0 -2
- package/dist/css/styles/align/align_horizontal-reverse.css +0 -2
- package/dist/css/styles/align/align_horizontal.css +0 -2
- package/dist/css/styles/align/align_vertical-reverse.css +0 -2
- package/dist/css/styles/align/align_vertical.css +0 -2
- package/dist/css/styles/alignment/alignment.css +0 -2
- package/dist/css/styles/border-color/border-color.css +0 -2
- package/dist/css/styles/border-color/border-color_focus.css +0 -2
- package/dist/css/styles/border-color/border-color_hover.css +0 -2
- package/dist/css/styles/border-type/border-type.css +0 -2
- package/dist/css/styles/border-width/border-width.css +0 -2
- package/dist/css/styles/caret-color/caret-color.css +0 -2
- package/dist/css/styles/column-gap/column-gap.css +0 -2
- package/dist/css/styles/constraints/constraints.css +0 -2
- package/dist/css/styles/cursor/cursor.css +0 -2
- package/dist/css/styles/direction/direction.css +0 -2
- package/dist/css/styles/elevation/elevation.css +0 -2
- package/dist/css/styles/elevation/elevation_hover.css +0 -2
- package/dist/css/styles/fill/fill.css +0 -2
- package/dist/css/styles/fill/fill_active.css +0 -2
- package/dist/css/styles/fill/fill_active_hover.css +0 -2
- package/dist/css/styles/fill/fill_disabled.css +0 -2
- package/dist/css/styles/fill/fill_hover.css +0 -2
- package/dist/css/styles/fill-gradient/fill-gradient.css +0 -2
- package/dist/css/styles/flex/flex-grow.css +0 -2
- package/dist/css/styles/gap/gap.css +0 -2
- package/dist/css/styles/height/height.css +0 -2
- package/dist/css/styles/hover/hover-fill-color.css +0 -2
- package/dist/css/styles/hover/hover-item-color.css +0 -2
- package/dist/css/styles/hover/hover-text-color.css +0 -2
- package/dist/css/styles/justify-content/justify-content.css +0 -2
- package/dist/css/styles/mediaqueries.css +24 -2
- package/dist/css/styles/mixin_elevation.css +0 -2
- package/dist/css/styles/mixin_fill-gradient.css +0 -2
- package/dist/css/styles/mixin_global.css +0 -2
- package/dist/css/styles/opacity/opacity.css +0 -2
- package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +0 -2
- package/dist/css/styles/position/position.css +0 -2
- package/dist/css/styles/resize-horizontal/resize-horizontal.css +0 -2
- package/dist/css/styles/resize-vertical/resize-vertical.css +0 -2
- package/dist/css/styles/row-gap/row-gap.css +0 -2
- package/dist/css/styles/shape/shape.css +0 -2
- package/dist/css/styles/svg-color/svg_fill.css +1 -2
- package/dist/css/styles/svg-color/svg_fill_hover.css +0 -2
- package/dist/css/styles/text-align/text-align.css +0 -2
- package/dist/css/styles/text-color/text-color.css +0 -2
- package/dist/css/styles/text-color/text-color_active.css +0 -2
- package/dist/css/styles/text-color/text-color_hover.css +0 -2
- package/dist/css/styles/text-decoration/text-decoration.css +0 -2
- package/dist/css/styles/text-gradient/text-gradient.css +0 -2
- package/dist/css/styles/text-style/text-style.css +0 -2
- package/dist/css/styles/text-truncate/text-truncate.css +0 -2
- package/dist/css/styles/text-weight/text-weight.css +0 -2
- package/dist/css/styles/width/width.css +0 -2
- package/dist/css/styles/word-wrap/word-wrap.css +0 -2
- package/package.json +5 -5
|
@@ -1,7 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
.divider {
|
|
2
|
+
padding: 0;
|
|
3
|
+
margin: 0;
|
|
4
|
+
border: none;
|
|
5
|
+
}
|
|
6
|
+
.divider {
|
|
7
|
+
&_size {
|
|
8
|
+
@each $size in xs, s, m, l, xl {
|
|
9
|
+
&_$(size) {
|
|
10
|
+
height: var(--divider-size-$(size)-height);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
&_direction {
|
|
15
|
+
&_horizontal {
|
|
16
|
+
&^^&_size {
|
|
17
|
+
@each $size in xs, s, m, l, xl {
|
|
18
|
+
&_$(size) {
|
|
19
|
+
height: var(--divider-size-$(size)-height);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
&_vertical {
|
|
25
|
+
&^^&_size {
|
|
26
|
+
@each $size in xs, s, m, l, xl {
|
|
27
|
+
&_$(size) {
|
|
28
|
+
width: var(--divider-size-$(size)-width);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
.divider {
|
|
36
|
+
&_direction {
|
|
37
|
+
&_horizontal {
|
|
38
|
+
min-width: 100%;
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-direction: row;
|
|
41
|
+
}
|
|
42
|
+
&_vertical {
|
|
43
|
+
min-height: 100%;
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
5
49
|
:root {
|
|
6
50
|
--divider-size-xs-height: 1px;
|
|
7
51
|
--divider-size-s-height: 2px;
|
|
@@ -14,5 +58,3 @@
|
|
|
14
58
|
--divider-size-l-width: 4px;
|
|
15
59
|
--divider-size-xl-width: 5px;
|
|
16
60
|
}
|
|
17
|
-
|
|
18
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RpdmlkZXIvRGl2aWRlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiRGl2aWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9kaXZpZGVyLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9kaXZpZGVyX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2RpdmlkZXJfZGlyZWN0aW9uLmNzcyc7XG5cbjpyb290IHtcbiAgLS1kaXZpZGVyLXNpemUteHMtaGVpZ2h0OiAxcHg7XG4gIC0tZGl2aWRlci1zaXplLXMtaGVpZ2h0OiAycHg7XG4gIC0tZGl2aWRlci1zaXplLW0taGVpZ2h0OiAzcHg7XG4gIC0tZGl2aWRlci1zaXplLWwtaGVpZ2h0OiA0cHg7XG4gIC0tZGl2aWRlci1zaXplLXhsLWhlaWdodDogNXB4O1xuICAtLWRpdmlkZXItc2l6ZS14cy13aWR0aDogMXB4O1xuICAtLWRpdmlkZXItc2l6ZS1zLXdpZHRoOiAycHg7XG4gIC0tZGl2aWRlci1zaXplLW0td2lkdGg6IDNweDtcbiAgLS1kaXZpZGVyLXNpemUtbC13aWR0aDogNHB4O1xuICAtLWRpdmlkZXItc2l6ZS14bC13aWR0aDogNXB4O1xufVxuIl19 */
|
|
@@ -1,5 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
.dot {
|
|
2
|
+
}
|
|
3
|
+
.dot {
|
|
4
|
+
&_size {
|
|
5
|
+
@each $size in s, m, l {
|
|
6
|
+
&_$(size) {
|
|
7
|
+
min-width: var(--dot-size-$(size)-width, 16px);
|
|
8
|
+
min-height: var(--dot-size-$(size)-height, 16px);
|
|
9
|
+
max-width: var(--dot-size-$(size)-width, 16px);
|
|
10
|
+
max-height: var(--dot-size-$(size)-height, 16px);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
.dot_shape {
|
|
16
|
+
&_rounded {
|
|
17
|
+
border-radius: var(--dot-shape-rounded, 12px);
|
|
18
|
+
}
|
|
19
|
+
&_circular {
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
}
|
|
22
|
+
&_geometric {
|
|
23
|
+
border-radius: 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,4 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
.EZDrawer .EZDrawer__checkbox {
|
|
2
|
+
display: none;
|
|
3
|
+
}
|
|
4
|
+
.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
|
|
5
|
+
display: block;
|
|
6
|
+
opacity: 1;
|
|
7
|
+
}
|
|
8
|
+
.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
|
|
9
|
+
visibility: visible;
|
|
10
|
+
transform: translate3d(0, 0, 0) !important;
|
|
11
|
+
}
|
|
12
|
+
.EZDrawer .EZDrawer__overlay {
|
|
13
|
+
display: none;
|
|
14
|
+
height: 100vh;
|
|
15
|
+
left: 0;
|
|
16
|
+
position: fixed;
|
|
17
|
+
top: 0;
|
|
18
|
+
width: 100%;
|
|
19
|
+
}
|
|
20
|
+
.EZDrawer .EZDrawer__container {
|
|
21
|
+
position: fixed;
|
|
22
|
+
visibility: hidden;
|
|
23
|
+
background: white;
|
|
24
|
+
transition: all;
|
|
25
|
+
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
|
|
26
|
+
}
|
|
27
|
+
.drawer {
|
|
28
|
+
overflow-y: scroll;
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-flow: column nowrap;
|
|
31
|
+
&__overlay {
|
|
32
|
+
background: rgba(116, 116, 116, 0.5) !important;
|
|
33
|
+
opacity: 100% !important;
|
|
34
|
+
backdrop-filter: blur(10px) !important;
|
|
35
|
+
}
|
|
36
|
+
&__wrapper {
|
|
37
|
+
flex: 1;
|
|
38
|
+
}
|
|
39
|
+
&__after {
|
|
40
|
+
z-index: 10;
|
|
41
|
+
}
|
|
42
|
+
&_type {
|
|
43
|
+
&_sticky-button {
|
|
44
|
+
^^&__after {
|
|
45
|
+
width: 100%;
|
|
46
|
+
position: sticky;
|
|
47
|
+
left: 0;
|
|
48
|
+
bottom: 0;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -1,13 +1,129 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
.dropdown {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: flex;
|
|
4
|
+
}
|
|
5
|
+
.dropdown {
|
|
6
|
+
&_animation {
|
|
7
|
+
&_close {
|
|
8
|
+
^^&__wrapper {
|
|
9
|
+
animation-name: dropDownAnimationClose;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
&_open {
|
|
13
|
+
^^&__wrapper {
|
|
14
|
+
animation-name: dropDownAnimationOpen;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.dropdown {
|
|
20
|
+
&_set {
|
|
21
|
+
&_default {
|
|
22
|
+
^^&__wrapper {
|
|
23
|
+
padding: var(--dropdown-default-padding, 0);
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
gap: var(--dropdown-default-gap, 0);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
&_normal {
|
|
30
|
+
^^&__wrapper {
|
|
31
|
+
padding: var(--dropdown-normal-padding, 12px 0);
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
gap: var(--dropdown-normal-gap, 0);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
&_compact {
|
|
38
|
+
^^&__wrapper {
|
|
39
|
+
padding: var(--dropdown-compact-padding, 8px 0);
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
gap: var(--dropdown-compact-gap, 0);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.dropdown {
|
|
48
|
+
&_shape {
|
|
49
|
+
&_rounded {
|
|
50
|
+
border-radius: var(--dropdown-shape-rounded, 12px);
|
|
51
|
+
^^&__wrapper {
|
|
52
|
+
border-radius: var(--dropdown-shape-rounded, 12px);
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.dropdown {
|
|
59
|
+
&_state_close {
|
|
60
|
+
visibility: hidden;
|
|
61
|
+
opacity: 0%;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
.dropdown {
|
|
65
|
+
&&_state_open {
|
|
66
|
+
visibility: visible;
|
|
67
|
+
opacity: 100%;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
.dropdown {
|
|
71
|
+
&__item {
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
justify-content: center;
|
|
75
|
+
align-items: center;
|
|
76
|
+
&-link {
|
|
77
|
+
display: flex;
|
|
78
|
+
justify-content: space-between;
|
|
79
|
+
align-items: center;
|
|
80
|
+
}
|
|
81
|
+
&-wrapper {
|
|
82
|
+
width: 100%;
|
|
83
|
+
display: flex;
|
|
84
|
+
justify-content: space-between;
|
|
85
|
+
align-items: center;
|
|
86
|
+
}
|
|
87
|
+
&-label {
|
|
88
|
+
flex-grow: 1;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
.dropdown {
|
|
93
|
+
&__item {
|
|
94
|
+
&_shape {
|
|
95
|
+
&_rounded {
|
|
96
|
+
border-radius: var(--dropdown-item-shape-rounded, 4px);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
.dropdown {
|
|
102
|
+
&__item {
|
|
103
|
+
&_size {
|
|
104
|
+
@each $size in xs, l {
|
|
105
|
+
&_$(size) {
|
|
106
|
+
^^&-wrapper {
|
|
107
|
+
gap: var(--dropdown-item-size-$(size)-gap, 8px);
|
|
108
|
+
padding: var(--dropdown-item-size-$(size)-padding, 8px);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
.dropdown__item {
|
|
116
|
+
&_width {
|
|
117
|
+
&_fixed {
|
|
118
|
+
min-width: 240px;
|
|
119
|
+
}
|
|
120
|
+
&_hug {
|
|
121
|
+
min-width: 62px;
|
|
122
|
+
display: inline-flex;
|
|
123
|
+
}
|
|
124
|
+
&_fill {
|
|
125
|
+
width: 100%;
|
|
126
|
+
max-width: none !important;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
@@ -1,18 +1,179 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
.flex {
|
|
2
|
+
width: 100%;
|
|
3
|
+
display: flex;
|
|
4
|
+
&__wrapper {
|
|
5
|
+
width: 100%;
|
|
6
|
+
display: flex;
|
|
7
|
+
max-width: var(--max);
|
|
8
|
+
margin: 0 auto;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
.flex {
|
|
12
|
+
@each $val in flex-start, flex-end, center, space-between, space-around, stretch {
|
|
13
|
+
&_align-content_$(val) {
|
|
14
|
+
& > div {
|
|
15
|
+
align-content: $(val);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
.flex {
|
|
21
|
+
@each $val in stretch, flex-start, flex-end, center, baseline, auto {
|
|
22
|
+
&_align-self_$(val) {
|
|
23
|
+
& > div {
|
|
24
|
+
align-self: $(val);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
&_align-items_$(val) {
|
|
28
|
+
& > div {
|
|
29
|
+
align-items: $(val);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
.flex {
|
|
35
|
+
&_direction {
|
|
36
|
+
&_horizontal {
|
|
37
|
+
& > div {
|
|
38
|
+
flex-direction: row;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
&_vertical {
|
|
42
|
+
& > div {
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&_horizontal-reverse {
|
|
47
|
+
& > div {
|
|
48
|
+
flex-direction: row-reverse;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
&_vertical-reverse {
|
|
52
|
+
& > div {
|
|
53
|
+
flex-direction: column-reverse;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@each $val in row, row-reverse, column, column-reverse {
|
|
58
|
+
&&_direction_$(val) {
|
|
59
|
+
& > div {
|
|
60
|
+
flex-direction: $(val);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
.flex {
|
|
66
|
+
@each $val in flex-start, flex-end, center, space-between, space-around, space-evenly, flexStart, flexEnd, center, spaceBetween, spaceAround, spaceEvenly {
|
|
67
|
+
&_justify-content_$(val) {
|
|
68
|
+
& > div {
|
|
69
|
+
justify-content: $(val);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
.flex {
|
|
75
|
+
&_shape {
|
|
76
|
+
&_rounded {
|
|
77
|
+
border-radius: var(--flex-shape-rounded, 12px);
|
|
78
|
+
}
|
|
79
|
+
&_circular {
|
|
80
|
+
border-radius: 50%;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
.flex {
|
|
85
|
+
&_wrap {
|
|
86
|
+
&_wrap {
|
|
87
|
+
^^&__wrapper {
|
|
88
|
+
flex-wrap: wrap;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
&_nowrap {
|
|
92
|
+
^^&__wrapper {
|
|
93
|
+
flex-wrap: nowrap;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
&_wrap-reverse {
|
|
97
|
+
^^&__wrapper {
|
|
98
|
+
flex-wrap: wrap-reverse;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
.flex {
|
|
104
|
+
&__item {
|
|
105
|
+
display: flex;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
.flex {
|
|
109
|
+
&__item {
|
|
110
|
+
@each $val in stretch, flex-start, flex-end, center, baseline, auto {
|
|
111
|
+
&_align-self_$(val) {
|
|
112
|
+
align-self: $(val);
|
|
113
|
+
}
|
|
114
|
+
&_align-items_$(val) {
|
|
115
|
+
align-items: $(val);
|
|
116
|
+
}
|
|
117
|
+
&_align-content_$(val) {
|
|
118
|
+
align-content: $(val);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
.flex {
|
|
124
|
+
&__item {
|
|
125
|
+
&_direction {
|
|
126
|
+
&_horizontal {
|
|
127
|
+
flex-direction: row;
|
|
128
|
+
}
|
|
129
|
+
&_vertical {
|
|
130
|
+
flex-direction: column;
|
|
131
|
+
}
|
|
132
|
+
@each $val in row, row-reverse, column, column-reverse {
|
|
133
|
+
&_$(val) {
|
|
134
|
+
flex-direction: $(val);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
.flex {
|
|
141
|
+
&__item {
|
|
142
|
+
@each $val in 0, 1 {
|
|
143
|
+
&_grow_$(val) {
|
|
144
|
+
flex-grow: $(val);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
.flex {
|
|
150
|
+
&__item {
|
|
151
|
+
@each $val in flex-start, flex-end, center, space-between, space-around, space-evenly {
|
|
152
|
+
&_justify-content_$(val) {
|
|
153
|
+
justify-content: $(val);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
.flex {
|
|
159
|
+
&__item {
|
|
160
|
+
&_shape {
|
|
161
|
+
&_rounded {
|
|
162
|
+
border-radius: var(--flex-item-shape-rounded, 12px);
|
|
163
|
+
}
|
|
164
|
+
&_circular {
|
|
165
|
+
border-radius: 50%;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
.flex {
|
|
171
|
+
&__item {
|
|
172
|
+
&_wrap {
|
|
173
|
+
&_wrap {
|
|
174
|
+
flex-wrap: wrap;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
8
179
|
|
|
9
|
-
@import './css/__item/flex__item.css';
|
|
10
|
-
@import './css/__item/flex__item_align.css';
|
|
11
|
-
@import './css/__item/flex__item_direction.css';
|
|
12
|
-
@import './css/__item/flex__item_grow.css';
|
|
13
|
-
@import './css/__item/flex__item_justify-content.css';
|
|
14
|
-
@import './css/__item/flex__item_shape.css';
|
|
15
|
-
@import './css/__item/flex__item_wrap.css';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvRmxleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiRmxleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9mbGV4LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9mbGV4X2FsaWduLWNvbnRlbnQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2ZsZXhfYWxpZ24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL2ZsZXhfZGlyZWN0aW9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9mbGV4X2p1c3RpZnktY29udGVudC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZmxleF9zaGFwZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZmxleF93cmFwLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL19faXRlbS9mbGV4X19pdGVtLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9hbGlnbi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvX19pdGVtL2ZsZXhfX2l0ZW1fZGlyZWN0aW9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9ncm93LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9qdXN0aWZ5LWNvbnRlbnQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL19faXRlbS9mbGV4X19pdGVtX3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV93cmFwLmNzcyc7XG5cbiJdfQ== */
|
|
@@ -3,5 +3,3 @@
|
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuIl19 */
|
|
@@ -13,5 +13,3 @@
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2FsaWduLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtX2FsaWduLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgQGVhY2ggJHZhbCBpbiBzdHJldGNoLCBmbGV4LXN0YXJ0LCBmbGV4LWVuZCwgY2VudGVyLCBiYXNlbGluZSwgYXV0byB7XG4gICAgICAmX2FsaWduLXNlbGZfJCh2YWwpIHtcbiAgICAgICAgYWxpZ24tc2VsZjogJCh2YWwpO1xuICAgICAgfVxuICAgICAgJl9hbGlnbi1pdGVtc18kKHZhbCkge1xuICAgICAgICBhbGlnbi1pdGVtczogJCh2YWwpO1xuICAgICAgfVxuICAgICAgJl9hbGlnbi1jb250ZW50XyQodmFsKSB7XG4gICAgICAgIGFsaWduLWNvbnRlbnQ6ICQodmFsKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
|
|
@@ -15,5 +15,3 @@
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
|
|
19
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2RpcmVjdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiZmxleF9faXRlbV9kaXJlY3Rpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZsZXgge1xuICAmX19pdGVtIHtcbiAgICAmX2RpcmVjdGlvbiB7XG4gICAgICAmX2hvcml6b250YWwge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgfVxuICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICB9XG4gICAgICBAZWFjaCAkdmFsIGluIHJvdywgcm93LXJldmVyc2UsIGNvbHVtbiwgY29sdW1uLXJldmVyc2Uge1xuICAgICAgICAmXyQodmFsKSB7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246ICQodmFsKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
|
|
@@ -7,5 +7,3 @@
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2dyb3cuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImZsZXhfX2l0ZW1fZ3Jvdy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmxleCB7XG4gICZfX2l0ZW0ge1xuICAgIEBlYWNoICR2YWwgaW4gMCwgMSB7XG4gICAgICAmX2dyb3dfJCh2YWwpIHtcbiAgICAgICAgZmxleC1ncm93OiAkKHZhbCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */
|
|
@@ -7,5 +7,3 @@
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2p1c3RpZnktY29udGVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiZmxleF9faXRlbV9qdXN0aWZ5LWNvbnRlbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZsZXgge1xuICAmX19pdGVtIHtcbiAgICBAZWFjaCAkdmFsIGluIGZsZXgtc3RhcnQsIGZsZXgtZW5kLCBjZW50ZXIsIHNwYWNlLWJldHdlZW4sIHNwYWNlLWFyb3VuZCwgc3BhY2UtZXZlbmx5IHtcbiAgICAgICZfanVzdGlmeS1jb250ZW50XyQodmFsKSB7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogJCh2YWwpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
|
|
@@ -10,5 +10,3 @@
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX3NoYXBlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtX3NoYXBlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgJl9zaGFwZSB7XG4gICAgICAmX3JvdW5kZWQge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1mbGV4LWl0ZW0tc2hhcGUtcm91bmRlZCwgMTJweCk7XG4gICAgICB9XG4gICAgICAmX2NpcmN1bGFyIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
|
|
@@ -7,5 +7,3 @@
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX3dyYXAuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImZsZXhfX2l0ZW1fd3JhcC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmxleCB7XG4gICZfX2l0ZW0ge1xuICAgICZfd3JhcCB7XG4gICAgICAmX3dyYXAge1xuICAgICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */
|