Skip to content

Commit

Permalink
feat(default): add otp component styles
Browse files Browse the repository at this point in the history
  • Loading branch information
zhpenkov committed Dec 6, 2024
1 parent 566aa60 commit b0b02d7
Show file tree
Hide file tree
Showing 5 changed files with 67 additions and 0 deletions.
3 changes: 3 additions & 0 deletions packages/default/scss/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -114,6 +114,7 @@
@forward "./map/_index.scss";
@forward "./orgchart/_index.scss";
@forward "./signature/_index.scss";
@forward "./otp/_index.scss";


// Use component modules
Expand Down Expand Up @@ -200,6 +201,7 @@
@use "./switch/_index.scss" as *;
@use "./upload/_index.scss" as *;
@use "./dropzone/_index.scss" as *;
@use "./otp/_index.scss" as *;


// Command interfaces
Expand Down Expand Up @@ -372,6 +374,7 @@
@include kendo-switch--styles();
@include kendo-upload--styles();
@include kendo-dropzone--styles();
@include kendo-otp--styles();


// Command interfaces
Expand Down
18 changes: 18 additions & 0 deletions packages/default/scss/otp/_index.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
// Dependencies
@use "../core/_index.scss" as *;
@use "../input/_index.scss" as *;

// Component
@forward "./_variables.scss";
@use "./_layout.scss" as *;
@use "./_theme.scss" as *;

// Expose
@mixin kendo-otp--styles() {
@include import-once( "otp" ) {
@include core-styles();
@include kendo-input--styles();
@include kendo-otp--layout();
@include kendo-otp--theme();
}
}
31 changes: 31 additions & 0 deletions packages/default/scss/otp/_layout.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
@use "sass:map";
@use "../core/_index.scss" as *;

@mixin kendo-otp--layout-base() {

// OTP
.k-otp {
display: flex;
align-items: center;
flex-direction: row;
gap: k-spacing(1);

.k-otp-input {
min-width: 1em;
justify-content: center;

.k-input-inner {
text-align: center;
}
}

.k-otp-separator {
padding-inline: k-spacing(1);
}
};

}

@mixin kendo-otp--layout() {
@include kendo-otp--layout-base();
}
12 changes: 12 additions & 0 deletions packages/default/scss/otp/_theme.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
@use "sass:map";

@mixin kendo-otp--theme-base() {

// OTP
.k-otp {};

}

@mixin kendo-otp--theme() {
@include kendo-otp--theme-base();
}
3 changes: 3 additions & 0 deletions packages/default/scss/otp/_variables.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@use "sass:map";

// OTP

0 comments on commit b0b02d7

Please sign in to comment.