fix: add back css default variables in component css · angular-split/angular-split@7fcc024 · GitHub

angular-split / angular-split Public

• Notifications You must be signed in to change notification settings
• Fork 218
• Star 932

• Code
• Issues 5
• Pull requests 2
• Discussions
• Actions
• Security and quality
• Insights

Additional navigation options

Commit 7fcc024

Browse filesBrowse the repository at this point in the historyBrowse files

Harpush

committed

fix: add back css default variables in component css

1 parent 9e741c4 commit 7fcc024
Copy full SHA for 7fcc024

1 file changed

+24-6Lines changed: 24 additions & 6 deletions

File tree

Expand file treeCollapse file tree

Open diff view settings

Filter options

• projects/angular-split/src/lib/component
  • split.component.css

Expand file treeCollapse file tree

Open diff view settings

Collapse file

‎projects/angular-split/src/lib/component/split.component.css‎

Copy file name to clipboardExpand all lines: projects/angular-split/src/lib/component/split.component.css

+24-6Lines changed: 24 additions & 6 deletions

Original file line number	Diff line number	Diff line change
@@ -1,5 +1,23 @@
1	1	@import '../../../_theme.css';
2	2
	3	+ as-split {
	4	+ --_as-gutter-background-color: var(--as-gutter-background-color, #eeeeee);
	5	+ --_as-gutter-icon-horizontal: var(
	6	+ --as-gutter-icon-horizontal,
	7	+ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==')
	8	+ );
	9	+ --_as-gutter-icon-vertical: var(
	10	+ --as-gutter-icon-vertical,
	11	+ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC')
	12	+ );
	13	+ --_as-gutter-icon-disabled: var(
	14	+ --as-gutter-icon-disabled,
	15	+ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==')
	16	+ );
	17	+ --_as-transition-duration: var(--as-transition-duration, 0.3s);
	18	+ --_as-gutter-disabled-cursor: var(--as-gutter-disabled-cursor, default);
	19	+ }
	20	+
3	21	as-split {
4	22	display: flex;
5	23	flex-wrap: nowrap;
@@ -13,15 +31,15 @@ as-split {
13	31	&.as-transition.as-init:not(.as-dragging) {
14	32	& > .as-split-gutter,
15	33	& > .as-split-area {
16		- transition: flex-basis var(--as-transition-duration);
	34	+ transition: flex-basis var(--_as-transition-duration);
17	35	}
18	36	}
19	37
20	38	& > .as-split-gutter {
21	39	border: none;
22	40	flex-grow: 0;
23	41	flex-shrink: 0;
24		- background-color: var(--as-gutter-background-color);
	42	+ background-color: var(--_as-gutter-background-color);
25	43	display: flex;
26	44	align-items: center;
27	45	justify-content: center;
@@ -71,7 +89,7 @@ as-split {
71	89	height: 100%;
72	90
73	91	& > .as-split-gutter-icon {
74		- background-image: var(--as-gutter-icon-horizontal);
	92	+ background-image: var(--_as-gutter-icon-horizontal);
75	93	}
76	94	}
77	95
@@ -89,7 +107,7 @@ as-split {
89	107	width: 100%;
90	108
91	109	& > .as-split-gutter-icon {
92		- background-image: var(--as-gutter-icon-vertical);
	110	+ background-image: var(--_as-gutter-icon-vertical);
93	111	}
94	112	}
95	113
@@ -104,10 +122,10 @@ as-split {
104	122
105	123	&.as-disabled {
106	124	& > .as-split-gutter {
107		- cursor: var(--as-gutter-disabled-cursor);
	125	+ cursor: var(--_as-gutter-disabled-cursor);
108	126
109	127	& > .as-split-gutter-icon {
110		- background-image: var(--as-gutter-icon-disabled);
	128	+ background-image: var(--_as-gutter-icon-disabled);
111	129	}
112	130	}
113	131	}

0 commit comments

Comments

0 (0)