@arkitektbedriftene/fe-lib 5.8.3 → 5.8.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/system.css +1 -1
- package/package.json +1 -1
package/dist/system.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-
|
|
1
|
+
@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-stk-bureau-serif); --font-sans-serif: var(--font-stk-bureau-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --container-firm: 1200px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; --animate-scale-logo: scale-logo .5s cubic-bezier(.83,0,.17,1) forwards; @keyframes scale-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} --animate-role-logo: role-logo 1.2s cubic-bezier(.83,0,.17,1) forwards; @keyframes role-logo {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-in: in 1s cubic-bezier(.83,0,.17,1) forwards; @keyframes in {0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1;}} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}.logo{@apply text-flask;display:flex;align-items:center;@apply gap-x-2;}.logo>svg{max-width:2.4rem;height:auto;animation:var(--animate-role-logo)}.logo>div{opacity:0;animation:var(--animate-in);animation-delay:.1s}.logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-scale-logo)}.logo>svg>path:nth-child(1){animation-delay:.2s}.logo>svg>path:nth-child(2){animation-delay:.6s}.logo>svg>path:nth-child(3){animation-delay:.3s}.logo>svg>path:nth-child(4){animation-delay:.5s}.logo>svg>path:nth-child(5){animation-delay:.4s}.logo>svg>path:nth-child(6){animation-delay:.5s}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@apply text-black;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-black underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
|