first commit

This commit is contained in:
Stefan Hacker
2026-04-03 09:38:48 +02:00
commit 37ad745546
47450 changed files with 3120798 additions and 0 deletions
@@ -0,0 +1,13 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// These variables are deprecated and will be removed in a future release.
// Easings
$ms-animation-ease-1: cubic-bezier(0.1,0.9,0.2,1) !default;
$ms-animation-ease-2: cubic-bezier(0.1,0.25,0.75,0.9) !default;
// Durations
$ms-animation-duration-1: 0.167s !default;
$ms-animation-duration-2: 0.267s !default;
$ms-animation-duration-3: 0.367s !default;
$ms-animation-duration-4: 0.467s !default;
@@ -0,0 +1,16 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Timing curves.
$ms-motion-timing-accelerate: cubic-bezier(0.9, 0.1, 1, 0.2);
$ms-motion-timing-decelerate: cubic-bezier(0.1, 0.9, 0.2, 1);
$ms-motion-timing-linear: cubic-bezier(0, 0, 1, 1);
$ms-motion-timing-standard: cubic-bezier(0.8, 0, 0.2, 1);
// Durations.
$ms-motion-duration-1: 100ms;
$ms-motion-duration-2: 200ms;
$ms-motion-duration-3: 300ms;
$ms-motion-duration-4: 400ms;
// Deprecated MDL2 animation variables.
@import "./Animation.Variables.MDL2";
@@ -0,0 +1,12 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Image paths
$ms-brand-icon-product-images-path: 'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png';
$ms-brand-icon-document-images-path: 'https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent';
// Names
$ms-brand-icon-product-icons: access excel infopath office onedrive onenote outlook powerpoint project sharepoint teams visio word;
$ms-brand-icon-document-icons: accdb archive audio code csv docset docx dotx email exe folder font genericfile html link listitem model mpp mpt odp ods odt one onetoc pdf photo potx ppsx pptx pub rtf sharedfolder spo sysfile txt vector video vsdx vssx vstx xlsx xltx xml xsn zip;
// Sizes
$ms-brand-icon-sizes: 16 48 96;
@@ -0,0 +1,77 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// These variables are deprecated and will be removed in a future release.
// Theme
$ms-color-themeDarker: $ms-color-communicationShade30 !default;
$ms-color-themeDark: $ms-color-communicationShade20 !default;
$ms-color-themeDarkAlt: $ms-color-communicationShade10 !default;
$ms-color-themePrimary: $ms-color-communicationPrimary !default;
$ms-color-themeSecondary: $ms-color-communicationTint10 !default;
$ms-color-themeTertiary: #71afe5 !default;
$ms-color-themeLight: $ms-color-communicationTint20 !default;
$ms-color-themeLighter: $ms-color-communicationTint30 !default;
$ms-color-themeLighterAlt: $ms-color-communicationTint40 !default;
// Neutral
// The original colors have been overridden by the new palette, with warmer grays.
$ms-color-black: #000000 !default;
$ms-color-neutralDark: $ms-color-gray190 !default;
$ms-color-neutralPrimary: $ms-color-gray160 !default;
$ms-color-neutralPrimaryAlt: $ms-color-gray150 !default;
$ms-color-neutralSecondary: $ms-color-gray130 !default;
$ms-color-neutralSecondaryAlt: $ms-color-gray120 !default;
$ms-color-neutralTertiary: $ms-color-gray90 !default;
$ms-color-neutralTertiaryAlt: $ms-color-gray60 !default;
$ms-color-neutralQuaternary: $ms-color-gray50 !default;
$ms-color-neutralQuaternaryAlt: $ms-color-gray40 !default;
$ms-color-neutralLight: $ms-color-gray30 !default;
$ms-color-neutralLighter: $ms-color-gray20 !default;
$ms-color-neutralLighterAlt: $ms-color-gray10 !default;
$ms-color-white: #ffffff !default;
// Accent
// Where possible, these colors have been mapped to the new palette.
$ms-color-yellow: #ffb900 !default;
$ms-color-yellowLight: #fff100 !default;
$ms-color-orange: #d83b01 !default;
$ms-color-orangeLight: #ea4300 !default;
$ms-color-orangeLighter: #ff8c00 !default;
$ms-color-redDark: #a80000 !default;
$ms-color-red: #e81123 !default;
$ms-color-magentaDark: #5c005c !default;
$ms-color-magenta: #b4009e !default;
$ms-color-magentaLight: $ms-color-sharedMagentaPink10 !default;
$ms-color-purpleDark: #32145a !default;
$ms-color-purple: #5c2d91 !default;
$ms-color-purpleLight: #b4a0ff !default;
$ms-color-blueDark: #002050 !default;
$ms-color-blueMid: #00188f !default;
$ms-color-blue: #0078d4 !default;
$ms-color-blueLight: #00bcf2 !default;
$ms-color-tealDark: #004b50 !default;
$ms-color-teal: #008272 !default;
$ms-color-tealLight: #00b294 !default;
$ms-color-greenDark: #004b1c !default;
$ms-color-green: #107c10 !default;
$ms-color-greenLight: #bad80a !default;
// Message
$ms-color-info: $ms-color-neutralSecondaryAlt !default;
$ms-color-infoBackground: $ms-color-neutralLighter !default;
$ms-color-success: $ms-color-green !default;
$ms-color-successBackground: #dff6dd !default;
$ms-color-severeWarning: $ms-color-orange !default;
$ms-color-severeWarningBackground: #fed9cc !default;
$ms-color-alert: $ms-color-severeWarning !default; // Deprecated: Use $ms-color-severeWarning
$ms-color-alertBackground: $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground
$ms-color-warning: $ms-color-neutralSecondaryAlt !default;
$ms-color-warningBackground: #fff4ce !default;
$ms-color-error: $ms-color-redDark !default;
$ms-color-errorBackground: #fde7e9 !default;
// High contrast
$ms-color-contrastBlackDisabled: #00ff00 !default;
$ms-color-contrastWhiteDisabled: #600000 !default;
$ms-color-contrastBlackSelected: #1aebff !default;
$ms-color-contrastWhiteSelected: #37006e !default;
+76
View File
@@ -0,0 +1,76 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Communication
$ms-color-communicationShade30: #004578 !default;
$ms-color-communicationShade20: #005a9e !default;
$ms-color-communicationShade10: #106ebe !default;
$ms-color-communicationPrimary: #0078d4 !default;
$ms-color-communicationTint10: #2b88d8 !default;
$ms-color-communicationTint20: #c7e0f4 !default;
$ms-color-communicationTint30: #deecf9 !default;
$ms-color-communicationTint40: #eff6fc !default;
// Neutrals
$ms-color-black: #000000 !default;
$ms-color-gray220: #11100f !default;
$ms-color-gray210: #161514 !default;
$ms-color-gray200: #1b1a19 !default;
$ms-color-gray190: #201f1e !default;
$ms-color-gray180: #252423 !default;
$ms-color-gray170: #292827 !default;
$ms-color-gray160: #323130 !default;
$ms-color-gray150: #3b3a39 !default;
$ms-color-gray140: #484644 !default;
$ms-color-gray130: #605e5c !default;
$ms-color-gray120: #797775 !default;
$ms-color-gray110: #8a8886 !default;
$ms-color-gray100: #979593 !default;
$ms-color-gray90: #a19f9d !default;
$ms-color-gray80: #b3b0ad !default;
$ms-color-gray70: #bebbb8 !default;
$ms-color-gray60: #c8c6c4 !default;
$ms-color-gray50: #d2d0ce !default;
$ms-color-gray40: #e1dfdd !default;
$ms-color-gray30: #edebe9 !default;
$ms-color-gray20: #f3f2f1 !default;
$ms-color-gray10: #faf9f8 !default;
$ms-color-white: #ffffff !default;
// Shared
$ms-color-sharedPinkRed10: #750b1c !default;
$ms-color-sharedRed20: #a4262c !default;
$ms-color-sharedRed10: #d13438 !default;
$ms-color-sharedRedOrange20: #603d30 !default;
$ms-color-sharedRedOrange10: #da3b01 !default;
$ms-color-sharedOrange30: #8e562e !default;
$ms-color-sharedOrange20: #ca5010 !default;
$ms-color-sharedOrange10: #ffaa44 !default;
$ms-color-sharedYellow10: #fce100 !default;
$ms-color-sharedOrangeYellow20: #986f0b !default;
$ms-color-sharedOrangeYellow10: #c19c00 !default;
$ms-color-sharedYellowGreen10: #8cbd18 !default;
$ms-color-sharedGreen20: #0b6a0b !default;
$ms-color-sharedGreen10: #498205 !default;
$ms-color-sharedGreenCyan10: #00ad56 !default;
$ms-color-sharedCyan40: #005e50 !default;
$ms-color-sharedCyan30: #005b70 !default;
$ms-color-sharedCyan20: #038387 !default;
$ms-color-sharedCyan10: #00b7c3 !default;
$ms-color-sharedCyanBlue20: #004e8c !default;
$ms-color-sharedCyanBlue10: #0078d4 !default;
$ms-color-sharedBlue10: #4f6bed !default;
$ms-color-sharedBlueMagenta40: #373277 !default;
$ms-color-sharedBlueMagenta30: #5c2e91 !default;
$ms-color-sharedBlueMagenta20: #8764b8 !default;
$ms-color-sharedBlueMagenta10: #8378de !default;
$ms-color-sharedMagenta20: #881798 !default;
$ms-color-sharedMagenta10: #c239b3 !default;
$ms-color-sharedMagentaPink20: #9b0062 !default;
$ms-color-sharedMagentaPink10: #e3008c !default;
$ms-color-sharedGray40: #393939 !default;
$ms-color-sharedGray30: #7a7574 !default;
$ms-color-sharedGray20: #69797e !default;
$ms-color-sharedGray10: #a0aeb2 !default;
// Deprecated MDL2 color variables.
@import "./Color.Variables.MDL2";
@@ -0,0 +1,7 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
$ms-depth-shadow-0: 0 0 0 0 transparent !default;
$ms-depth-shadow-4: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108) !default;
$ms-depth-shadow-8: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108) !default;
$ms-depth-shadow-16: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108) !default;
$ms-depth-shadow-64: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18) !default;
@@ -0,0 +1,20 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// These variables are deprecated and will be removed in a future release.
// Weights
$ms-font-weight-light: 100 !default;
$ms-font-weight-semilight: 300 !default;
// Sizes
$ms-font-size-su: 42px !default;
$ms-font-size-xxl: 28px !default;
$ms-font-size-xl-plus: 24px !default;
$ms-font-size-xl: 21px !default;
$ms-font-size-l: 17px !default;
$ms-font-size-m-plus: 15px !default;
$ms-font-size-m: 14px !default;
$ms-font-size-s-plus: 13px !default;
$ms-font-size-s: 12px !default;
$ms-font-size-xs: 11px !default;
$ms-font-size-mi: 10px !default;
+45
View File
@@ -0,0 +1,45 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Font directory and paths
$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default;
// Fallback fonts, if specified system or web fonts are unavailable.
$ms-font-family-fallbacks: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
// Language-specific font stacks.
$ms-font-family-arabic: 'Segoe UI Web (Arabic)', $ms-font-family-fallbacks !default;
$ms-font-family-chinese-simplified: 'Microsoft Yahei UI', Verdana, Simsun, $ms-font-family-fallbacks !default;
$ms-font-family-chinese-traditional: 'Microsoft Jhenghei UI', Pmingliu, $ms-font-family-fallbacks !default;
$ms-font-family-cyrillic: 'Segoe UI Web (Cyrillic)', $ms-font-family-fallbacks !default;
$ms-font-family-east-european: 'Segoe UI Web (East European)', $ms-font-family-fallbacks !default;
$ms-font-family-greek: 'Segoe UI Web (Greek)', $ms-font-family-fallbacks !default;
$ms-font-family-hebrew: 'Segoe UI Web (Hebrew)', $ms-font-family-fallbacks !default;
$ms-font-family-hindi: 'Nirmala UI', $ms-font-family-fallbacks !default;
$ms-font-family-japanese: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-family-fallbacks !default;
$ms-font-family-korean: 'Malgun Gothic', Gulim, $ms-font-family-fallbacks !default;
$ms-font-family-lao: 'Leelawadee UI Web', 'Lao UI', DokChampa, $ms-font-family-fallbacks !default;
$ms-font-family-selawik: 'Selawik Web', $ms-font-family-fallbacks !default;
$ms-font-family-thai: 'Leelawadee UI Web', 'Kmer UI', $ms-font-family-fallbacks !default;
$ms-font-family-vietnamese: 'Segoe UI Web (Vietnamese)', $ms-font-family-fallbacks !default;
$ms-font-family-west-european: 'Segoe UI Web (West European)', $ms-font-family-fallbacks !default;
// Weights.
$ms-font-weight-regular: 400 !default;
$ms-font-weight-semibold: 600 !default;
$ms-font-weight-bold: 700 !default;
// Sizes.
$ms-font-size-68: 68px !default;
$ms-font-size-42: 42px !default;
$ms-font-size-32: 32px !default;
$ms-font-size-28: 28px !default;
$ms-font-size-24: 24px !default;
$ms-font-size-20: 20px !default;
$ms-font-size-18: 18px !default;
$ms-font-size-16: 16px !default;
$ms-font-size-14: 14px !default;
$ms-font-size-12: 12px !default;
$ms-font-size-10: 10px !default;
// Deprecated MDL2 font variables.
@import "./Font.Variables.MDL2";
@@ -0,0 +1,6 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Default focus border style.
$ms-focus-border-width: 1px;
$ms-focus-border-color: $ms-color-neutralSecondary;
$ms-focus-border-style: solid;
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,18 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Minimum widths for each breakpoint.
$ms-screen-min-sm: 320px !default;
$ms-screen-min-md: 480px !default;
$ms-screen-min-lg: 640px !default;
$ms-screen-min-xl: 1024px !default;
$ms-screen-min-xxl: 1366px !default;
$ms-screen-min-xxxl: 1920px !default;
// Maximum widths for each breakpoint. These are set to values like 479.99999px to prevent an issue where a browser's
// width may not be a whole pixel value, creating the potential for multiple media queries to apply simultaneously.
// See: http://damienclarke.me/code/posts/those-1px-gaps-between-media-queries-can-be-a-problem
$ms-screen-max-sm: ($ms-screen-min-md - 0.00001);
$ms-screen-max-md: ($ms-screen-min-lg - 0.00001);
$ms-screen-max-lg: ($ms-screen-min-xl - 0.00001);
$ms-screen-max-xl: ($ms-screen-min-xxl - 0.00001);
$ms-screen-max-xxl: ($ms-screen-min-xxxl - 0.00001);
@@ -0,0 +1,14 @@
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
// Large ranges
$ms-zIndex-0: 0 !default;
$ms-zIndex-1: 100 !default;
$ms-zIndex-2: 200 !default;
$ms-zIndex-3: 300 !default;
$ms-zIndex-4: 400 !default;
$ms-zIndex-5: 500 !default;
// Small ranges
$ms-zIndex-back: 0 !default;
$ms-zIndex-middle: 5 !default;
$ms-zIndex-front: 10 !default;