@toife/vue 3.5.3 → 3.5.4
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/styles/tabs.css +1 -1
- package/package.json +1 -1
package/dist/styles/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.t-tabs[data-v-5ceebc82]{display:flex;align-items:center;position:relative;margin:0;list-style:none;border:none;overflow-y:hidden;overflow-x:hidden}.t-tabs[data-v-5ceebc82]>*{z-index:1}.t-tabs[data-v-5ceebc82]:before{content:"";z-index:1;display:block;position:absolute;top:0;left:0;width:var(--t-highlight-width);height:var(--t-highlight-height);transform:translate(var(--t-highlight-left),var(--t-highlight-top));box-sizing:border-box;border-radius:var(--t-border-radius);background-color:rgba(var(--t-background-color-active));box-shadow:var(--t-box-shadow-active);-webkit-backdrop-filter:var(--t-backdrop-filter-active);backdrop-filter:var(--t-backdrop-filter-active)}.t-tabs.top-start[data-v-5ceebc82],.t-tabs.bottom-start[data-v-5ceebc82],.t-tabs.left-start[data-v-5ceebc82],.t-tabs.right-start[data-v-5ceebc82]{justify-content:flex-start}.t-tabs.top-end[data-v-5ceebc82],.t-tabs.bottom-end[data-v-5ceebc82],.t-tabs.left-end[data-v-5ceebc82],.t-tabs.right-end[data-v-5ceebc82]{justify-content:flex-end}.t-tabs.top-center[data-v-5ceebc82],.t-tabs.bottom-center[data-v-5ceebc82],.t-tabs.left-center[data-v-5ceebc82],.t-tabs.right-center[data-v-5ceebc82]{justify-content:center}.t-tabs.top-start[data-v-5ceebc82],.t-tabs.top-center[data-v-5ceebc82],.t-tabs.top-end[data-v-5ceebc82],.t-tabs.bottom-start[data-v-5ceebc82],.t-tabs.bottom-center[data-v-5ceebc82],.t-tabs.bottom-end[data-v-5ceebc82]{flex-direction:row;height:fit-content;width:100%;padding-top:var(--t-highlight-space-y);padding-bottom:var(--t-highlight-space-y);overflow-x:auto}.t-tabs.top-start[data-v-5ceebc82]>*,.t-tabs.top-center[data-v-5ceebc82]>*,.t-tabs.top-end[data-v-5ceebc82]>*,.t-tabs.bottom-start[data-v-5ceebc82]>*,.t-tabs.bottom-center[data-v-5ceebc82]>*,.t-tabs.bottom-end[data-v-5ceebc82]>*{height:100%}.t-tabs.left-start[data-v-5ceebc82],.t-tabs.left-center[data-v-5ceebc82],.t-tabs.left-end[data-v-5ceebc82],.t-tabs.right-start[data-v-5ceebc82],.t-tabs.right-center[data-v-5ceebc82],.t-tabs.right-end[data-v-5ceebc82]{padding-left:var(--t-highlight-space-x);padding-right:var(--t-highlight-space-x);flex-direction:column;width:fit-content;height:100%;overflow-y:auto}.t-tabs.left-start[data-v-5ceebc82]>*,.t-tabs.left-center[data-v-5ceebc82]>*,.t-tabs.left-end[data-v-5ceebc82]>*,.t-tabs.right-start[data-v-5ceebc82]>*,.t-tabs.right-center[data-v-5ceebc82]>*,.t-tabs.right-end[data-v-5ceebc82]>*{width:100%}.t-tabs.transition[data-v-5ceebc82]{transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tabs.transition[data-v-5ceebc82]:before{transition:background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease,transform var(--t-transition-duration) ease,width var(--t-transition-duration) ease,height var(--t-transition-duration) ease}.t-tabs.transition[data-v-5ceebc82] .t-tab button{transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tabs[data-v-5ceebc82] .t-tab{display:flex;justify-content:center;align-items:center}.t-tabs[data-v-5ceebc82] .t-tab.active button{color:rgba(var(--t-color-active));box-shadow:
|
|
1
|
+
.t-tabs[data-v-5ceebc82]{display:flex;align-items:center;position:relative;margin:0;list-style:none;border:none;overflow-y:hidden;overflow-x:hidden}.t-tabs[data-v-5ceebc82]>*{z-index:1}.t-tabs[data-v-5ceebc82]:before{content:"";z-index:1;display:block;position:absolute;top:0;left:0;width:var(--t-highlight-width);height:var(--t-highlight-height);transform:translate(var(--t-highlight-left),var(--t-highlight-top));box-sizing:border-box;border-radius:var(--t-border-radius);background-color:rgba(var(--t-background-color-active));box-shadow:var(--t-box-shadow-active);-webkit-backdrop-filter:var(--t-backdrop-filter-active);backdrop-filter:var(--t-backdrop-filter-active)}.t-tabs.top-start[data-v-5ceebc82],.t-tabs.bottom-start[data-v-5ceebc82],.t-tabs.left-start[data-v-5ceebc82],.t-tabs.right-start[data-v-5ceebc82]{justify-content:flex-start}.t-tabs.top-end[data-v-5ceebc82],.t-tabs.bottom-end[data-v-5ceebc82],.t-tabs.left-end[data-v-5ceebc82],.t-tabs.right-end[data-v-5ceebc82]{justify-content:flex-end}.t-tabs.top-center[data-v-5ceebc82],.t-tabs.bottom-center[data-v-5ceebc82],.t-tabs.left-center[data-v-5ceebc82],.t-tabs.right-center[data-v-5ceebc82]{justify-content:center}.t-tabs.top-start[data-v-5ceebc82],.t-tabs.top-center[data-v-5ceebc82],.t-tabs.top-end[data-v-5ceebc82],.t-tabs.bottom-start[data-v-5ceebc82],.t-tabs.bottom-center[data-v-5ceebc82],.t-tabs.bottom-end[data-v-5ceebc82]{flex-direction:row;height:fit-content;width:100%;padding-top:var(--t-highlight-space-y);padding-bottom:var(--t-highlight-space-y);overflow-x:auto}.t-tabs.top-start[data-v-5ceebc82]>*,.t-tabs.top-center[data-v-5ceebc82]>*,.t-tabs.top-end[data-v-5ceebc82]>*,.t-tabs.bottom-start[data-v-5ceebc82]>*,.t-tabs.bottom-center[data-v-5ceebc82]>*,.t-tabs.bottom-end[data-v-5ceebc82]>*{height:100%}.t-tabs.left-start[data-v-5ceebc82],.t-tabs.left-center[data-v-5ceebc82],.t-tabs.left-end[data-v-5ceebc82],.t-tabs.right-start[data-v-5ceebc82],.t-tabs.right-center[data-v-5ceebc82],.t-tabs.right-end[data-v-5ceebc82]{padding-left:var(--t-highlight-space-x);padding-right:var(--t-highlight-space-x);flex-direction:column;width:fit-content;height:100%;overflow-y:auto}.t-tabs.left-start[data-v-5ceebc82]>*,.t-tabs.left-center[data-v-5ceebc82]>*,.t-tabs.left-end[data-v-5ceebc82]>*,.t-tabs.right-start[data-v-5ceebc82]>*,.t-tabs.right-center[data-v-5ceebc82]>*,.t-tabs.right-end[data-v-5ceebc82]>*{width:100%}.t-tabs.transition[data-v-5ceebc82]{transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tabs.transition[data-v-5ceebc82]:before{transition:background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease,transform var(--t-transition-duration) ease,width var(--t-transition-duration) ease,height var(--t-transition-duration) ease}.t-tabs.transition[data-v-5ceebc82] .t-tab button{transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tabs[data-v-5ceebc82] .t-tab{display:flex;justify-content:center;align-items:center}.t-tabs[data-v-5ceebc82] .t-tab.active button{color:rgba(var(--t-color-active));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.t-tabs[data-v-5ceebc82] .t-tab:not(.active) button{color:rgba(var(--t-color));box-shadow:var(--t-box-shadow);-webkit-backdrop-filter:var(--t-backdrop-filter);backdrop-filter:var(--t-backdrop-filter)}.t-tabs[data-v-5ceebc82] .t-tab:not(.active):hover button,.t-tabs[data-v-5ceebc82] .t-tab:not(.active).hover button{color:rgba(var(--t-color-hover));background-color:rgba(var(--t-background-color-hover));box-shadow:var(--t-box-shadow-hover);-webkit-backdrop-filter:var(--t-backdrop-filter-hover);backdrop-filter:var(--t-backdrop-filter-hover)}.t-tabs[data-v-5ceebc82] .t-tab:not(.active):focus button,.t-tabs[data-v-5ceebc82] .t-tab:not(.active).focus button{color:rgba(var(--t-color-focus));background-color:rgba(var(--t-background-color-focus));box-shadow:var(--t-box-shadow-focus);-webkit-backdrop-filter:var(--t-backdrop-filter-focus);backdrop-filter:var(--t-backdrop-filter-focus)}.t-tabs[data-v-5ceebc82] .t-tab:not(.active):disabled button,.t-tabs[data-v-5ceebc82] .t-tab:not(.active).disabled button{color:rgba(var(--t-color-disabled));box-shadow:var(--t-box-shadow-disabled);-webkit-backdrop-filter:var(--t-backdrop-filter-disabled);backdrop-filter:var(--t-backdrop-filter-disabled)}
|