@featherk/styles 0.6.1 → 0.6.3

package/dist/v8.2.0/css/featherk-beautified.css

@@ -47425,6 +47425,61 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-animation-container:has(.k-calendar-view) {
   margin-top: 0.25rem;
 }
+.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
+  position: relative;
+}
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background: var(--kendo-color-border);
+  width: 1px;
+  margin: 0 -1px;
+  pointer-events: none;
+}
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  background: var(--kendo-color-border);
+  height: 1px;
+  margin: -1px 0;
+  pointer-events: none;
+}
+.fk-menu .k-menu-vertical,
+.fk-menu .k-menu-horizontal {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.k-icon-wrap::before,
+.k-checkbox-wrap::before,
+.k-list-optionlabel::before,
+.k-table-list .k-table-group-row::before,
+.k-skeleton-text:empty::before,
+.k-placeholder-line:empty::before,
+.k-input-value-text::before,
+.k-radio-wrap::before,
+.k-calendar-infinite .k-calendar-view::after,
+.k-calendar-navigation::before,
+.k-calendar-navigation::after,
+.k-time-list-wrapper.k-focus::before,
+.k-time-list-wrapper.k-focus::after,
+.k-time-list::before,
+.k-time-list::after,
+.k-multiselecttree .k-input-inner::before,
+.k-window-title::before,
+.k-gantt-tasks td::after {
+  content: "";
+}
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
 .k-tabstrip .k-tabstrip-content:active {
@@ -48178,6 +48233,15 @@ ul,
 .k-button:focus.k-button-flat.k-button-flat-primary {
   box-shadow: 0px 0px 0px 2px #195bb5 !important;
 }
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:focus,
 .k-calendar
   .k-calendar-view.k-calendar-centuryview
   .k-content
@@ -49918,6 +49982,7 @@ ul,
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
   min-height: 2.25rem;
+  min-width: 64px;
 }
 .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item {
   color: rgba(10, 12, 27, 0.7);
@@ -56739,3 +56804,115 @@ div.feather-ks-spacing-s {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255));
   background-image: none;
 }
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-hover
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-hover
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-hovered
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item:hover
+  .k-link.k-menu-link {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-active,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-state-active,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link:active {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:focus {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item:focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg {
+  color: #003583;
+}
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-disabled,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-disabled,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:disabled {
+  opacity: 100%;
+  color: rgba(10, 12, 27, 0.4);
+}
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-hover,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-hover,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-hovered,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:hover {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-active,
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-state-active,
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link:active {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+  color: var(--kendo-color-primary, #003583);
+}
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:focus {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}