File tree Expand file tree Collapse file tree 2 files changed +22
-2
lines changed Expand file tree Collapse file tree 2 files changed +22
-2
lines changed Original file line number Diff line number Diff line change @@ -133,6 +133,23 @@ $spacings: (
133
133
--db-drawer-max-width ,
134
134
calc (100% - #{variables .$db-spacing-fixed-xl } )
135
135
);
136
+
137
+ & :not ([data-direction ]),
138
+ & [data-direction = " right" ] {
139
+ border-inline-start : component .$component-border ;
140
+ }
141
+
142
+ & [data-direction = " left" ] {
143
+ border-inline-end : component .$component-border ;
144
+ }
145
+
146
+ & [data-direction = " up" ] {
147
+ border-block-start : component .$component-border ;
148
+ }
149
+
150
+ & [data-direction = " down" ] {
151
+ border-block-end : component .$component-border ;
152
+ }
136
153
}
137
154
138
155
& [data-rounded = " true" ] {
Original file line number Diff line number Diff line change @@ -10,6 +10,9 @@ $min-mobile-header-height: calc(
10
10
$default-disabled : 0.4 ;
11
11
$placeholder-disabled : 0.75 ;
12
12
13
+ $component-border : variables .$db-border-width-3xs solid
14
+ colors .$db-adaptive-on-bg-basic-emphasis-60-default ;
15
+
13
16
%default-adaptive-border {
14
17
border : variables .$db-border-width-3xs solid
15
18
colors .$db-adaptive-on-bg-basic-emphasis-100-default ;
@@ -20,8 +23,8 @@ $placeholder-disabled: 0.75;
20
23
}
21
24
22
25
%component-border {
23
- border : variables . $ db-border-width-3xs solid
24
- colors . $db-adaptive-on-bg-basic-emphasis-60-default ;
26
+ // stylelint-disable-next-line db-ux/use- border-width, db-ux/use-border-color
27
+ border : $component-border ;
25
28
}
26
29
27
30
%form-component-border {
You can’t perform that action at this time.
0 commit comments