We build products that make people better at their most important work — the kind of work you read about on the front page of the newspaper, not just the technology section.
first.A successful data transformation requires the whole organization — users, the IT shop, and leadership — to operate in lockstep. With Foundry, the enterprise comes together to transform the organization and turn data into a competitive advantage.
Use the <code> tag for snippets of code.
Use the <pre> tag for blocks of code.
// code sample
export function hasModifier(
modifiers: ts.ModifiersArray,
...modifierKinds: ts.SyntaxKind[],
) {
if (modifiers == null || modifierKinds == null) {
return false;
}
return modifiers.some(m => modifierKinds.some(k => m.kind === k));
} in links. markdown: [`code`](http://url)
// $pt-link-color does not have good contrast with non-link 's in light theme, so we use a brighter hue
color: $pt-intent-primary;
.#{$ns}-dark & {
color: inherit;
}
}
}
%code-block {
@include monospace-typography();
display: block;
margin: $pt-grid-size 0;
border-radius: $pt-border-radius;
box-shadow: inset 0 0 0 1px $pt-divider-black;
background: $pt-code-background-color;
padding: ($pt-grid-size * 1.3) ($pt-grid-size * 1.5) ($pt-grid-size * 1.2);
line-height: 1.4;
color: $pt-text-color;
font-size: $pt-font-size - 1px;
word-break: break-all;
word-wrap: break-word;
.#{$ns}-dark & {
box-shadow: inset 0 0 0 1px $pt-dark-divider-black;
background: $pt-dark-code-background-color;
color: $pt-dark-text-color;
}
> code {
box-shadow: none;
background: none;
padding: 0;
color: inherit;
font-size: inherit;
}
}
.#{$ns}-code {
@extend %code;
}
.#{$ns}-code-block {
@extend %code-block;
}
%keyboard {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: $pt-border-radius;
box-shadow: $pt-elevation-shadow-1;
background: $white;
min-width: $pt-button-height-small;
height: $pt-button-height-small;
padding: $pt-border-radius ($pt-border-radius * 2);
vertical-align: middle;
line-height: $pt-button-height-small;
color: $pt-text-color-muted;
font-family: inherit;
font-size: $pt-font-size-small;
#{$icon-classes} {
margin-right: $pt-grid-size / 2;
}
.#{$ns}-dark & {
box-shadow: $pt-dark-elevation-shadow-1;
background: $dark-gray5;
color: $pt-dark-text-color-muted;
}
}
.#{$ns}-key {
@extend %keyboard;
}
/*
Block quotes
Markup:
Premium Aerotec is a key supplier for Airbus, producing 30 million parts per year,
which is huge complexity. Skywise helps us manage all the production steps.
It gives Airbus much better visibility into where the product is in the supply chain,
and it lets us immediately see our weak points so we can react on the spot.
Styleguide blockquote
*/
%blockquote {
margin: 0 0 $pt-grid-size;
border-left: solid 4px rgba($gray4, 0.5);
padding: 0 ($pt-grid-size * 2);
.#{$ns}-dark & {
border-color: rgba($gray2, 0.5);
}
}
.#{$ns}-blockquote {
@extend %blockquote;
}
/*
Lists
Markup:
- Item the first
- Item the second
-
Item the third
- Item the fourth
- Item the fifth
.#{$ns}-list - Add a little spacing between items for readability.
.#{$ns}-list-unstyled - Remove all list styling (including indicators) so you can add your own.
Styleguide lists
*/
%list {
margin: $pt-grid-size 0;
padding-left: $pt-grid-size * 3;
li:not(:last-child) {
margin-bottom: $pt-grid-size / 2;
}
// nested lists
ol,
ul {
margin-top: $pt-grid-size / 2;
}
}
.#{$ns}-list {
@extend %list;
}
.#{$ns}-list-unstyled {
margin: 0;
padding: 0;
list-style: none;
li {
padding: 0;
}
}
/*
Right-to-left text
Markup:
Arabic:
لكل لأداء بمحاولة من. مدينة الواقعة يبق أي, وإعلان وقوعها، حول كل, حدى عجّل مشروط الخاسرة قد.
من الذود تكبّد بين, و لها واحدة الأراضي. عل الصفحة والروسية يتم, أي للحكومة استعملت شيء. أم وصل زهاء اليا
Hebrew:
כדי על עזרה יידיש הבהרה, מלא באגים טכניים דת. תנך או ברית ביולי. כתב בה הטבע למנוע, דת כלים פיסיקה החופשית זכר.
מתן החלל מאמרשיחהצפה ב. הספרות אנציקלופדיה אם זכר, על שימושי שימושיים תאולוגיה עזה
Styleguide rtl
*/
.#{$ns}-rtl {
text-align: right;
}
.#{$ns}-dark {
color: $pt-dark-text-color;
}