You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@netbeans.apache.org by GitBox <gi...@apache.org> on 2018/02/22 15:40:40 UTC
[GitHub] vieiro closed pull request #3: Initial refactoring to build from Foundation SASS
vieiro closed pull request #3: Initial refactoring to build from Foundation SASS
URL: https://github.com/apache/incubator-netbeans-website/pull/3
This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:
As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):
diff --git a/netbeans.apache.org/build.gradle b/netbeans.apache.org/build.gradle
index ad96ad1..7fcb70c 100644
--- a/netbeans.apache.org/build.gradle
+++ b/netbeans.apache.org/build.gradle
@@ -23,10 +23,12 @@ loadGlobals(globalsFile)
task compileContentSass(type: io.freefair.gradle.plugins.jsass.SassCompile,
description: "Compiles the projects SaSS files to the build directory.",
group: "Build") {
- sourceDir = contentDir
- destinationDir = generatedAssetDir
- // Compile all SCSS files in src/content/css
- includePaths = files(new File(contentDir, "scss"))
+ sourceDir = file("$contentDir/scss")
+ destinationDir = file("$generatedAssetDir/css")
+ // Compile netbeans.scss, which imports all requirements
+ includePaths = files(file("$contentDir/scss/netbeans.scss"))
+ // @TODO - source maps not currently working
+ omitSourceMapUrl = true
// Compress the generated CSS
outputStyle = io.bit3.jsass.OutputStyle.COMPRESSED
// Precission to 3 digits
diff --git a/netbeans.apache.org/src/content/css/README.asciidoc b/netbeans.apache.org/src/content/css/README.asciidoc
deleted file mode 100644
index 9aff3e3..0000000
--- a/netbeans.apache.org/src/content/css/README.asciidoc
+++ /dev/null
@@ -1,8 +0,0 @@
-= CSS
-
-This directory contains the website SCSS files (currently link:netbeans.scss[netbeans.scss]).
-
-This site currently uses Foundation 6 CSS, using https://foundation.zurb.com/sites/docs/xy-grid.html[the XY Grid], and
-the font awesome icon font.
-
-
diff --git a/netbeans.apache.org/src/content/css/foundation.css b/netbeans.apache.org/src/content/css/foundation.css
deleted file mode 100644
index 264530b..0000000
--- a/netbeans.apache.org/src/content/css/foundation.css
+++ /dev/null
@@ -1,5749 +0,0 @@
-@charset "UTF-8";
-/**
- * Foundation for Sites by ZURB
- * Version 6.4.2
- * foundation.zurb.com
- * Licensed under MIT Open Source
- */
-@media print, screen and (min-width: 40em) {
- .reveal, .reveal.tiny, .reveal.small, .reveal.large {
- right: auto;
- left: auto;
- margin: 0 auto; } }
-
-/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
-/* Document
- ========================================================================== */
-/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in
- * IE on Windows Phone and in iOS.
- */
-html {
- font-family: sans-serif;
- /* 1 */
- line-height: 1.15;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 3 */
- -webkit-text-size-adjust: 100%;
- /* 3 */ }
-
-/* Sections
- ========================================================================== */
-/**
- * Remove the margin in all browsers (opinionated).
- */
-body {
- margin: 0; }
-
-/**
- * Add the correct display in IE 9-.
- */
-article,
-aside,
-footer,
-header,
-nav,
-section {
- display: block; }
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0; }
-
-/* Grouping content
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-figcaption,
-figure {
- display: block; }
-
-/**
- * Add the correct margin in IE 8.
- */
-figure {
- margin: 1em 40px; }
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */ }
-
-/**
- * Add the correct display in IE.
- */
-main {
- display: block; }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/* Links
- ========================================================================== */
-/**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-a {
- background-color: transparent;
- /* 1 */
- -webkit-text-decoration-skip: objects;
- /* 2 */ }
-
-/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-a:active,
-a:hover {
- outline-width: 0; }
-
-/* Text-level semantics
- ========================================================================== */
-/**
- * 1. Remove the bottom border in Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */ }
-
-/**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
-b,
-strong {
- font-weight: inherit; }
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
- font-weight: bolder; }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/**
- * Add the correct font style in Android 4.3-.
- */
-dfn {
- font-style: italic; }
-
-/**
- * Add the correct background and color in IE 9-.
- */
-mark {
- background-color: #ff0;
- color: #000; }
-
-/**
- * Add the correct font size in all browsers.
- */
-small {
- font-size: 80%; }
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline; }
-
-sub {
- bottom: -0.25em; }
-
-sup {
- top: -0.5em; }
-
-/* Embedded content
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-audio,
-video {
- display: inline-block; }
-
-/**
- * Add the correct display in iOS 4-7.
- */
-audio:not([controls]) {
- display: none;
- height: 0; }
-
-/**
- * Remove the border on images inside links in IE 10-.
- */
-img {
- border-style: none; }
-
-/**
- * Hide the overflow in IE.
- */
-svg:not(:root) {
- overflow: hidden; }
-
-/* Forms
- ========================================================================== */
-/**
- * 1. Change the font styles in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: sans-serif;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */ }
-
-/**
- * Show the overflow in IE.
- */
-button {
- overflow: visible; }
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
- /* 1 */
- text-transform: none; }
-
-/**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
- /* 2 */ }
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- /**
- * Remove the inner border and padding in Firefox.
- */
- /**
- * Restore the focus styles unset by the previous rule.
- */ }
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0; }
- button:-moz-focusring,
- [type="button"]:-moz-focusring,
- [type="reset"]:-moz-focusring,
- [type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText; }
-
-/**
- * Show the overflow in Edge.
- */
-input {
- overflow: visible; }
-
-/**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
- */
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */ }
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto; }
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
- /**
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
- */ }
- [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none; }
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */ }
-
-/**
- * Change the border, margin, and padding in all browsers (opinionated).
- */
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em; }
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-legend {
- box-sizing: border-box;
- /* 1 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- color: inherit;
- /* 2 */
- white-space: normal;
- /* 1 */ }
-
-/**
- * 1. Add the correct display in IE 9-.
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
- display: inline-block;
- /* 1 */
- vertical-align: baseline;
- /* 2 */ }
-
-/**
- * Remove the default vertical scrollbar in IE.
- */
-textarea {
- overflow: auto; }
-
-/* Interactive
- ========================================================================== */
-/*
- * Add the correct display in Edge, IE, and Firefox.
- */
-details {
- display: block; }
-
-/*
- * Add the correct display in all browsers.
- */
-summary {
- display: list-item; }
-
-/*
- * Add the correct display in IE 9-.
- */
-menu {
- display: block; }
-
-/* Scripting
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-canvas {
- display: inline-block; }
-
-/**
- * Add the correct display in IE.
- */
-template {
- display: none; }
-
-/* Hidden
- ========================================================================== */
-/**
- * Add the correct display in IE 10-.
- */
-[hidden] {
- display: none; }
-
-.foundation-mq {
- font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
-
-html {
- box-sizing: border-box;
- font-size: 100%; }
-
-*,
-*::before,
-*::after {
- box-sizing: inherit; }
-
-body {
- margin: 0;
- padding: 0;
- background: #fefefe;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-img {
- display: inline-block;
- vertical-align: middle;
- max-width: 100%;
- height: auto;
- -ms-interpolation-mode: bicubic; }
-
-textarea {
- height: auto;
- min-height: 50px;
- border-radius: 3px; }
-
-select {
- box-sizing: border-box;
- width: 100%;
- border-radius: 3px; }
-
-.map_canvas img,
-.map_canvas embed,
-.map_canvas object,
-.mqa-display img,
-.mqa-display embed,
-.mqa-display object {
- max-width: none !important; }
-
-button {
- padding: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 0;
- border-radius: 3px;
- background: transparent;
- line-height: 1;
- cursor: auto; }
- [data-whatinput='mouse'] button {
- outline: 0; }
-
-pre {
- overflow: auto; }
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit; }
-
-.is-visible {
- display: block !important; }
-
-.is-hidden {
- display: none !important; }
-
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-form,
-p,
-blockquote,
-th,
-td {
- margin: 0;
- padding: 0; }
-
-p {
- margin-bottom: 1rem;
- font-size: inherit;
- line-height: 1.6;
- text-rendering: optimizeLegibility; }
-
-em,
-i {
- font-style: italic;
- line-height: inherit; }
-
-strong,
-b {
- font-weight: bold;
- line-height: inherit; }
-
-small {
- font-size: 80%;
- line-height: inherit; }
-
-h1, .h1,
-h2, .h2,
-h3, .h3,
-h4, .h4,
-h5, .h5,
-h6, .h6 {
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-style: normal;
- font-weight: normal;
- color: inherit;
- text-rendering: optimizeLegibility; }
- h1 small, .h1 small,
- h2 small, .h2 small,
- h3 small, .h3 small,
- h4 small, .h4 small,
- h5 small, .h5 small,
- h6 small, .h6 small {
- line-height: 0;
- color: #cacaca; }
-
-h1, .h1 {
- font-size: 1.5rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h2, .h2 {
- font-size: 1.25rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h3, .h3 {
- font-size: 1.1875rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h4, .h4 {
- font-size: 1.125rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h5, .h5 {
- font-size: 1.0625rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h6, .h6 {
- font-size: 1rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-@media print, screen and (min-width: 40em) {
- h1, .h1 {
- font-size: 3rem; }
- h2, .h2 {
- font-size: 2.5rem; }
- h3, .h3 {
- font-size: 1.9375rem; }
- h4, .h4 {
- font-size: 1.5625rem; }
- h5, .h5 {
- font-size: 1.25rem; }
- h6, .h6 {
- font-size: 1rem; } }
-
-a {
- line-height: inherit;
- color: #2ba6cb;
- text-decoration: none;
- cursor: pointer; }
- a:hover, a:focus {
- color: #258faf; }
- a img {
- border: 0; }
-
-hr {
- clear: both;
- max-width: 62.5rem;
- height: 0;
- margin: 1.25rem auto;
- border-top: 0;
- border-right: 0;
- border-bottom: 1px solid #cacaca;
- border-left: 0; }
-
-ul,
-ol,
-dl {
- margin-bottom: 1rem;
- list-style-position: outside;
- line-height: 1.6; }
-
-li {
- font-size: inherit; }
-
-ul {
- margin-left: 1.25rem;
- list-style-type: disc; }
-
-ol {
- margin-left: 1.25rem; }
-
-ul ul, ol ul, ul ol, ol ol {
- margin-left: 1.25rem;
- margin-bottom: 0; }
-
-dl {
- margin-bottom: 1rem; }
- dl dt {
- margin-bottom: 0.3rem;
- font-weight: bold; }
-
-blockquote {
- margin: 0 0 1rem;
- padding: 0.5625rem 1.25rem 0 1.1875rem;
- border-left: 1px solid #cacaca; }
- blockquote, blockquote p {
- line-height: 1.6;
- color: #8a8a8a; }
-
-cite {
- display: block;
- font-size: 0.8125rem;
- color: #8a8a8a; }
- cite:before {
- content: "? "; }
-
-abbr, abbr[title] {
- border-bottom: 1px dotted #0a0a0a;
- cursor: help;
- text-decoration: none; }
-
-figure {
- margin: 0; }
-
-code {
- padding: 0.125rem 0.3125rem 0.0625rem;
- border: 1px solid #cacaca;
- background-color: #e6e6e6;
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- font-weight: normal;
- color: #0a0a0a; }
-
-kbd {
- margin: 0;
- padding: 0.125rem 0.25rem 0;
- background-color: #e6e6e6;
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- color: #0a0a0a;
- border-radius: 3px; }
-
-.subheader {
- margin-top: 0.2rem;
- margin-bottom: 0.5rem;
- font-weight: normal;
- line-height: 1.4;
- color: #8a8a8a; }
-
-.lead {
- font-size: 125%;
- line-height: 1.6; }
-
-.stat {
- font-size: 2.5rem;
- line-height: 1; }
- p + .stat {
- margin-top: -1rem; }
-
-ul.no-bullet, ol.no-bullet {
- margin-left: 0;
- list-style: none; }
-
-.text-left {
- text-align: left; }
-
-.text-right {
- text-align: right; }
-
-.text-center {
- text-align: center; }
-
-.text-justify {
- text-align: justify; }
-
-@media print, screen and (min-width: 40em) {
- .medium-text-left {
- text-align: left; }
- .medium-text-right {
- text-align: right; }
- .medium-text-center {
- text-align: center; }
- .medium-text-justify {
- text-align: justify; } }
-
-@media print, screen and (min-width: 64em) {
- .large-text-left {
- text-align: left; }
- .large-text-right {
- text-align: right; }
- .large-text-center {
- text-align: center; }
- .large-text-justify {
- text-align: justify; } }
-
-.show-for-print {
- display: none !important; }
-
-@media print {
- * {
- background: transparent !important;
- box-shadow: none !important;
- color: black !important;
- text-shadow: none !important; }
- .show-for-print {
- display: block !important; }
- .hide-for-print {
- display: none !important; }
- table.show-for-print {
- display: table !important; }
- thead.show-for-print {
- display: table-header-group !important; }
- tbody.show-for-print {
- display: table-row-group !important; }
- tr.show-for-print {
- display: table-row !important; }
- td.show-for-print {
- display: table-cell !important; }
- th.show-for-print {
- display: table-cell !important; }
- a,
- a:visited {
- text-decoration: underline; }
- a[href]:after {
- content: " (" attr(href) ")"; }
- .ir a:after,
- a[href^='javascript:']:after,
- a[href^='#']:after {
- content: ''; }
- abbr[title]:after {
- content: " (" attr(title) ")"; }
- pre,
- blockquote {
- border: 1px solid #8a8a8a;
- page-break-inside: avoid; }
- thead {
- display: table-header-group; }
- tr,
- img {
- page-break-inside: avoid; }
- img {
- max-width: 100% !important; }
- @page {
- margin: 0.5cm; }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3; }
- h2,
- h3 {
- page-break-after: avoid; }
- .print-break-inside {
- page-break-inside: auto; } }
-
-[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
-textarea {
- display: block;
- box-sizing: border-box;
- width: 100%;
- height: 2.4375rem;
- margin: 0 0 1rem;
- padding: 0.5rem;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
- font-family: inherit;
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none; }
- [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
- textarea:focus {
- outline: none;
- border: 1px solid #8a8a8a;
- background-color: #fefefe;
- box-shadow: 0 0 5px #cacaca;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
-
-textarea {
- max-width: 100%; }
- textarea[rows] {
- height: auto; }
-
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
- color: #cacaca; }
-
-input::-moz-placeholder,
-textarea::-moz-placeholder {
- color: #cacaca; }
-
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
- color: #cacaca; }
-
-input::placeholder,
-textarea::placeholder {
- color: #cacaca; }
-
-input:disabled, input[readonly],
-textarea:disabled,
-textarea[readonly] {
- background-color: #e6e6e6;
- cursor: not-allowed; }
-
-[type='submit'],
-[type='button'] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border-radius: 3px; }
-
-input[type='search'] {
- box-sizing: border-box; }
-
-[type='file'],
-[type='checkbox'],
-[type='radio'] {
- margin: 0 0 1rem; }
-
-[type='checkbox'] + label,
-[type='radio'] + label {
- display: inline-block;
- vertical-align: baseline;
- margin-left: 0.5rem;
- margin-right: 1rem;
- margin-bottom: 0; }
- [type='checkbox'] + label[for],
- [type='radio'] + label[for] {
- cursor: pointer; }
-
-label > [type='checkbox'],
-label > [type='radio'] {
- margin-right: 0.5rem; }
-
-[type='file'] {
- width: 100%; }
-
-label {
- display: block;
- margin: 0;
- font-size: 0.875rem;
- font-weight: normal;
- line-height: 1.8;
- color: #0a0a0a; }
- label.middle {
- margin: 0 0 1rem;
- padding: 0.5625rem 0; }
-
-.help-text {
- margin-top: -0.5rem;
- font-size: 0.8125rem;
- font-style: italic;
- color: #0a0a0a; }
-
-.input-group {
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- margin-bottom: 1rem;
- -ms-flex-align: stretch;
- align-items: stretch; }
- .input-group > :first-child {
- border-radius: 3px 0 0 3px; }
- .input-group > :last-child > * {
- border-radius: 0 3px 3px 0; }
-
-.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
-.input-group-button input,
-.input-group-button button,
-.input-group-button label {
- margin: 0;
- white-space: nowrap; }
-
-.input-group-label {
- padding: 0 1rem;
- border: 1px solid #cacaca;
- background: #e6e6e6;
- color: #0a0a0a;
- text-align: center;
- white-space: nowrap;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- -ms-flex-align: center;
- align-items: center; }
- .input-group-label:first-child {
- border-right: 0; }
- .input-group-label:last-child {
- border-left: 0; }
-
-.input-group-field {
- border-radius: 0;
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto;
- min-width: 0; }
-
-.input-group-button {
- padding-top: 0;
- padding-bottom: 0;
- text-align: center;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
- .input-group-button a,
- .input-group-button input,
- .input-group-button button,
- .input-group-button label {
- height: auto;
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- padding-top: 0;
- padding-bottom: 0;
- font-size: 1rem; }
-
-fieldset {
- margin: 0;
- padding: 0;
- border: 0; }
-
-legend {
- max-width: 100%;
- margin-bottom: 0.5rem; }
-
-.fieldset {
- margin: 1.125rem 0;
- padding: 1.25rem;
- border: 1px solid #cacaca; }
- .fieldset legend {
- margin: 0;
- margin-left: -0.1875rem;
- padding: 0 0.1875rem; }
-
-select {
- height: 2.4375rem;
- margin: 0 0 1rem;
- padding: 0.5rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- font-family: inherit;
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
- background-origin: content-box;
- background-position: right -1rem center;
- background-repeat: no-repeat;
- background-size: 9px 6px;
- padding-right: 1.5rem;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
- @media screen and (min-width: 0\0) {
- select {
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
- select:focus {
- outline: none;
- border: 1px solid #8a8a8a;
- background-color: #fefefe;
- box-shadow: 0 0 5px #cacaca;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
- select:disabled {
- background-color: #e6e6e6;
- cursor: not-allowed; }
- select::-ms-expand {
- display: none; }
- select[multiple] {
- height: auto;
- background-image: none; }
-
-.is-invalid-input:not(:focus) {
- border-color: #c60f13;
- background-color: #f8e6e7; }
- .is-invalid-input:not(:focus)::-webkit-input-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus)::-moz-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus):-ms-input-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus)::placeholder {
- color: #c60f13; }
-
-.is-invalid-label {
- color: #c60f13; }
-
-.form-error {
- display: none;
- margin-top: -0.5rem;
- margin-bottom: 1rem;
- font-size: 0.75rem;
- font-weight: bold;
- color: #c60f13; }
- .form-error.is-visible {
- display: block; }
-
-.float-left {
- float: left !important; }
-
-.float-right {
- float: right !important; }
-
-.float-center {
- display: block;
- margin-right: auto;
- margin-left: auto; }
-
-.clearfix::before, .clearfix::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
-
-.clearfix::after {
- clear: both; }
-
-.hide {
- display: none !important; }
-
-.invisible {
- visibility: hidden; }
-
-@media screen and (max-width: 39.9375em) {
- .hide-for-small-only {
- display: none !important; } }
-
-@media screen and (max-width: 0em), screen and (min-width: 40em) {
- .show-for-small-only {
- display: none !important; } }
-
-@media print, screen and (min-width: 40em) {
- .hide-for-medium {
- display: none !important; } }
-
-@media screen and (max-width: 39.9375em) {
- .show-for-medium {
- display: none !important; } }
-
-@media screen and (min-width: 40em) and (max-width: 63.9375em) {
- .hide-for-medium-only {
- display: none !important; } }
-
-@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
- .show-for-medium-only {
- display: none !important; } }
-
-@media print, screen and (min-width: 64em) {
- .hide-for-large {
- display: none !important; } }
-
-@media screen and (max-width: 63.9375em) {
- .show-for-large {
- display: none !important; } }
-
-@media screen and (min-width: 64em) and (max-width: 74.9375em) {
- .hide-for-large-only {
- display: none !important; } }
-
-@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
- .show-for-large-only {
- display: none !important; } }
-
-.show-for-sr,
-.show-on-focus {
- position: absolute !important;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
- border: 0; }
-
-.show-on-focus:active, .show-on-focus:focus {
- position: static !important;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
- -webkit-clip-path: none;
- clip-path: none; }
-
-.show-for-landscape,
-.hide-for-portrait {
- display: block !important; }
- @media screen and (orientation: landscape) {
- .show-for-landscape,
- .hide-for-portrait {
- display: block !important; } }
- @media screen and (orientation: portrait) {
- .show-for-landscape,
- .hide-for-portrait {
- display: none !important; } }
-
-.hide-for-landscape,
-.show-for-portrait {
- display: none !important; }
- @media screen and (orientation: landscape) {
- .hide-for-landscape,
- .show-for-portrait {
- display: none !important; } }
- @media screen and (orientation: portrait) {
- .hide-for-landscape,
- .show-for-portrait {
- display: block !important; } }
-
-.button {
- display: inline-block;
- vertical-align: middle;
- margin: 0 0 1rem 0;
- font-family: inherit;
- padding: 0.85em 1em;
- -webkit-appearance: none;
- border: 1px solid transparent;
- border-radius: 3px;
- transition: background-color 0.25s ease-out, color 0.25s ease-out;
- font-size: 0.9rem;
- line-height: 1;
- text-align: center;
- cursor: pointer;
- background-color: #2ba6cb;
- color: #fefefe; }
- [data-whatinput='mouse'] .button {
- outline: 0; }
- .button:hover, .button:focus {
- background-color: #258dad;
- color: #fefefe; }
- .button.tiny {
- font-size: 0.6rem; }
- .button.small {
- font-size: 0.75rem; }
- .button.large {
- font-size: 1.25rem; }
- .button.expanded {
- display: block;
- width: 100%;
- margin-right: 0;
- margin-left: 0; }
- .button.primary {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button.primary:hover, .button.primary:focus {
- background-color: #2285a2;
- color: #0a0a0a; }
- .button.secondary {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button.secondary:hover, .button.secondary:focus {
- background-color: #bababa;
- color: #0a0a0a; }
- .button.alert {
- background-color: #c60f13;
- color: #fefefe; }
- .button.alert:hover, .button.alert:focus {
- background-color: #9e0c0f;
- color: #fefefe; }
- .button.success {
- background-color: #5da423;
- color: #0a0a0a; }
- .button.success:hover, .button.success:focus {
- background-color: #4a831c;
- color: #0a0a0a; }
- .button.warning {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button.warning:hover, .button.warning:focus {
- background-color: #cc8b00;
- color: #0a0a0a; }
- .button.body-font {
- background-color: #222222;
- color: #fefefe; }
- .button.body-font:hover, .button.body-font:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button.header {
- background-color: #222222;
- color: #fefefe; }
- .button.header:hover, .button.header:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button.disabled, .button[disabled] {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
- background-color: #2ba6cb;
- color: #fefefe; }
- .button.disabled.primary, .button[disabled].primary {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button.disabled.secondary, .button[disabled].secondary {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button.disabled.alert, .button[disabled].alert {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
- background-color: #c60f13;
- color: #fefefe; }
- .button.disabled.success, .button[disabled].success {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
- background-color: #5da423;
- color: #0a0a0a; }
- .button.disabled.warning, .button[disabled].warning {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button.disabled.body-font, .button[disabled].body-font {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.body-font, .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font, .button[disabled].body-font:hover, .button[disabled].body-font:focus {
- background-color: #222222;
- color: #fefefe; }
- .button.disabled.header, .button[disabled].header {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.header, .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header, .button[disabled].header:hover, .button[disabled].header:focus {
- background-color: #222222;
- color: #fefefe; }
- .button.hollow {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow, .button.hollow:hover, .button.hollow:focus {
- background-color: transparent; }
- .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
- background-color: transparent; }
- .button.hollow:hover, .button.hollow:focus {
- border-color: #165366;
- color: #165366; }
- .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.primary {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.primary:hover, .button.hollow.primary:focus {
- border-color: #165366;
- color: #165366; }
- .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.secondary {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.hollow.secondary:hover, .button.hollow.secondary:focus {
- border-color: #757575;
- color: #757575; }
- .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.hollow.alert {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.hollow.alert:hover, .button.hollow.alert:focus {
- border-color: #63080a;
- color: #63080a; }
- .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.hollow.success {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.hollow.success:hover, .button.hollow.success:focus {
- border-color: #2f5212;
- color: #2f5212; }
- .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.hollow.warning {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.hollow.warning:hover, .button.hollow.warning:focus {
- border-color: #805700;
- color: #805700; }
- .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.hollow.body-font {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.body-font:hover, .button.hollow.body-font:focus {
- border-color: #111111;
- color: #111111; }
- .button.hollow.body-font:hover.disabled, .button.hollow.body-font:hover[disabled], .button.hollow.body-font:focus.disabled, .button.hollow.body-font:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.header {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.header:hover, .button.hollow.header:focus {
- border-color: #111111;
- color: #111111; }
- .button.hollow.header:hover.disabled, .button.hollow.header:hover[disabled], .button.hollow.header:focus.disabled, .button.hollow.header:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear, .button.clear:hover, .button.clear:focus {
- background-color: transparent; }
- .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
- background-color: transparent; }
- .button.clear:hover, .button.clear:focus {
- border-color: #165366;
- color: #165366; }
- .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
- border-color: transparent; }
- .button.clear.primary {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear.primary:hover, .button.clear.primary:focus {
- border-color: #165366;
- color: #165366; }
- .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
- border-color: transparent; }
- .button.clear.secondary {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.clear.secondary:hover, .button.clear.secondary:focus {
- border-color: #757575;
- color: #757575; }
- .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
- border-color: transparent; }
- .button.clear.alert {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.clear.alert:hover, .button.clear.alert:focus {
- border-color: #63080a;
- color: #63080a; }
- .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
- border-color: transparent; }
- .button.clear.success {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.clear.success:hover, .button.clear.success:focus {
- border-color: #2f5212;
- color: #2f5212; }
- .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
- border-color: transparent; }
- .button.clear.warning {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.clear.warning:hover, .button.clear.warning:focus {
- border-color: #805700;
- color: #805700; }
- .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
- border-color: transparent; }
- .button.clear.body-font {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.body-font:hover, .button.clear.body-font:focus {
- border-color: #111111;
- color: #111111; }
- .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font:hover, .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus, .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
- border-color: transparent; }
- .button.clear.header {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.header:hover, .button.clear.header:focus {
- border-color: #111111;
- color: #111111; }
- .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header:hover, .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus, .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
- border-color: transparent; }
- .button.dropdown::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.4em;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #fefefe transparent transparent;
- position: relative;
- top: 0.4em;
- display: inline-block;
- float: right;
- margin-left: 1em; }
- .button.dropdown.hollow::after {
- border-top-color: #2ba6cb; }
- .button.dropdown.hollow.primary::after {
- border-top-color: #2ba6cb; }
- .button.dropdown.hollow.secondary::after {
- border-top-color: #e9e9e9; }
- .button.dropdown.hollow.alert::after {
- border-top-color: #c60f13; }
- .button.dropdown.hollow.success::after {
- border-top-color: #5da423; }
- .button.dropdown.hollow.warning::after {
- border-top-color: #ffae00; }
- .button.dropdown.hollow.body-font::after {
- border-top-color: #222222; }
- .button.dropdown.hollow.header::after {
- border-top-color: #222222; }
- .button.arrow-only::after {
- top: -0.1em;
- float: none;
- margin-left: 0; }
-
-a.button:hover, a.button:focus {
- text-decoration: none; }
-
-.close-button {
- position: absolute;
- color: #8a8a8a;
- cursor: pointer; }
- [data-whatinput='mouse'] .close-button {
- outline: 0; }
- .close-button:hover, .close-button:focus {
- color: #0a0a0a; }
- .close-button.small {
- right: 0.66rem;
- top: 0.33em;
- font-size: 1.5em;
- line-height: 1; }
- .close-button, .close-button.medium {
- right: 1rem;
- top: 0.5rem;
- font-size: 2em;
- line-height: 1; }
-
-.button-group {
- margin-bottom: 1rem;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch; }
- .button-group::before, .button-group::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .button-group::after {
- clear: both; }
- .button-group .button {
- margin: 0;
- margin-right: 1px;
- margin-bottom: 1px;
- font-size: 0.9rem;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
- .button-group .button:last-child {
- margin-right: 0; }
- .button-group.tiny .button {
- font-size: 0.6rem; }
- .button-group.small .button {
- font-size: 0.75rem; }
- .button-group.large .button {
- font-size: 1.25rem; }
- .button-group.expanded .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .button-group.primary .button {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button-group.primary .button:hover, .button-group.primary .button:focus {
- background-color: #2285a2;
- color: #0a0a0a; }
- .button-group.secondary .button {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button-group.secondary .button:hover, .button-group.secondary .button:focus {
- background-color: #bababa;
- color: #0a0a0a; }
- .button-group.alert .button {
- background-color: #c60f13;
- color: #fefefe; }
- .button-group.alert .button:hover, .button-group.alert .button:focus {
- background-color: #9e0c0f;
- color: #fefefe; }
- .button-group.success .button {
- background-color: #5da423;
- color: #0a0a0a; }
- .button-group.success .button:hover, .button-group.success .button:focus {
- background-color: #4a831c;
- color: #0a0a0a; }
- .button-group.warning .button {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button-group.warning .button:hover, .button-group.warning .button:focus {
- background-color: #cc8b00;
- color: #0a0a0a; }
- .button-group.body-font .button {
- background-color: #222222;
- color: #fefefe; }
- .button-group.body-font .button:hover, .button-group.body-font .button:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button-group.header .button {
- background-color: #222222;
- color: #fefefe; }
- .button-group.header .button:hover, .button-group.header .button:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%; }
- .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
- margin-bottom: 0; }
- @media print, screen and (min-width: 40em) {
- .button-group.stacked-for-small .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- margin-bottom: 0; } }
- @media print, screen and (min-width: 64em) {
- .button-group.stacked-for-medium .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- margin-bottom: 0; } }
- @media screen and (max-width: 39.9375em) {
- .button-group.stacked-for-small.expanded {
- display: block; }
- .button-group.stacked-for-small.expanded .button {
- display: block;
- margin-right: 0; } }
-
-.slider {
- position: relative;
- height: 0.5rem;
- margin-top: 1.25rem;
- margin-bottom: 2.25rem;
- background-color: #e6e6e6;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -ms-touch-action: none;
- touch-action: none; }
-
-.slider-fill {
- position: absolute;
- top: 0;
- left: 0;
- display: inline-block;
- max-width: 100%;
- height: 0.5rem;
- background-color: #cacaca;
- transition: all 0.2s ease-in-out; }
- .slider-fill.is-dragging {
- transition: all 0s linear; }
-
-.slider-handle {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- left: 0;
- z-index: 1;
- display: inline-block;
- width: 1.4rem;
- height: 1.4rem;
- border-radius: 3px;
- background-color: #2ba6cb;
- transition: all 0.2s ease-in-out;
- -ms-touch-action: manipulation;
- touch-action: manipulation; }
- [data-whatinput='mouse'] .slider-handle {
- outline: 0; }
- .slider-handle:hover {
- background-color: #258dad; }
- .slider-handle.is-dragging {
- transition: all 0s linear; }
-
-.slider.disabled,
-.slider[disabled] {
- opacity: 0.25;
- cursor: not-allowed; }
-
-.slider.vertical {
- display: inline-block;
- width: 0.5rem;
- height: 12.5rem;
- margin: 0 1.25rem;
- -ms-transform: scale(1, -1);
- transform: scale(1, -1); }
- .slider.vertical .slider-fill {
- top: 0;
- width: 0.5rem;
- max-height: 100%; }
- .slider.vertical .slider-handle {
- position: absolute;
- top: 0;
- left: 50%;
- width: 1.4rem;
- height: 1.4rem;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
-
-.switch {
- height: 2rem;
- position: relative;
- margin-bottom: 1rem;
- outline: 0;
- font-size: 0.875rem;
- font-weight: bold;
- color: #fefefe;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.switch-input {
- position: absolute;
- margin-bottom: 0;
- opacity: 0; }
-
-.switch-paddle {
- position: relative;
- display: block;
- width: 4rem;
- height: 2rem;
- border-radius: 3px;
- background: #cacaca;
- transition: all 0.25s ease-out;
- font-weight: inherit;
- color: inherit;
- cursor: pointer; }
- input + .switch-paddle {
- margin: 0; }
- .switch-paddle::after {
- position: absolute;
- top: 0.25rem;
- left: 0.25rem;
- display: block;
- width: 1.5rem;
- height: 1.5rem;
- transform: translate3d(0, 0, 0);
- border-radius: 3px;
- background: #fefefe;
- transition: all 0.25s ease-out;
- content: ''; }
- input:checked ~ .switch-paddle {
- background: #2ba6cb; }
- input:checked ~ .switch-paddle::after {
- left: 2.25rem; }
- [data-whatinput='mouse'] input:focus ~ .switch-paddle {
- outline: 0; }
-
-.switch-active, .switch-inactive {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
-
-.switch-active {
- left: 8%;
- display: none; }
- input:checked + label > .switch-active {
- display: block; }
-
-.switch-inactive {
- right: 15%; }
- input:checked + label > .switch-inactive {
- display: none; }
-
-.switch.tiny {
- height: 1.5rem; }
- .switch.tiny .switch-paddle {
- width: 3rem;
- height: 1.5rem;
- font-size: 0.625rem; }
- .switch.tiny .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 1rem;
- height: 1rem; }
- .switch.tiny input:checked ~ .switch-paddle::after {
- left: 1.75rem; }
-
-.switch.small {
- height: 1.75rem; }
- .switch.small .switch-paddle {
- width: 3.5rem;
- height: 1.75rem;
- font-size: 0.75rem; }
- .switch.small .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 1.25rem;
- height: 1.25rem; }
- .switch.small input:checked ~ .switch-paddle::after {
- left: 2rem; }
-
-.switch.large {
- height: 2.5rem; }
- .switch.large .switch-paddle {
- width: 5rem;
- height: 2.5rem;
- font-size: 1rem; }
- .switch.large .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 2rem;
- height: 2rem; }
- .switch.large input:checked ~ .switch-paddle::after {
- left: 2.75rem; }
-
-.menu {
- padding: 0;
- margin: 0;
- list-style: none;
- position: relative;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- [data-whatinput='mouse'] .menu li {
- outline: 0; }
- .menu a,
- .menu .button {
- line-height: 1;
- text-decoration: none;
- display: block;
- padding: 0.7rem 1rem; }
- .menu input,
- .menu select,
- .menu a,
- .menu button {
- margin-bottom: 0; }
- .menu input {
- display: inline-block; }
- .menu, .menu.horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.simple {
- -ms-flex-align: center;
- align-items: center; }
- .menu.simple li + li {
- margin-left: 1rem; }
- .menu.simple a {
- padding: 0; }
- @media print, screen and (min-width: 40em) {
- .menu.medium-horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.medium-vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.medium-expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.medium-simple li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; } }
- @media print, screen and (min-width: 64em) {
- .menu.large-horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.large-vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.large-expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.large-simple li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; } }
- .menu.nested {
- margin-right: 0;
- margin-left: 1rem; }
- .menu.icons a {
- display: -ms-flexbox;
- display: flex; }
- .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
- display: -ms-flexbox;
- display: flex; }
- .menu.icon-left li a {
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap; }
- .menu.icon-left li a img,
- .menu.icon-left li a i,
- .menu.icon-left li a svg {
- margin-right: 0.25rem; }
- .menu.icon-right li a {
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap; }
- .menu.icon-right li a img,
- .menu.icon-right li a i,
- .menu.icon-right li a svg {
- margin-left: 0.25rem; }
- .menu.icon-top li a {
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .menu.icon-top li a img,
- .menu.icon-top li a i,
- .menu.icon-top li a svg {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- margin-bottom: 0.25rem;
- text-align: center; }
- .menu.icon-bottom li a {
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .menu.icon-bottom li a img,
- .menu.icon-bottom li a i,
- .menu.icon-bottom li a svg {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- margin-bottom: 0.25rem;
- text-align: center; }
- .menu .is-active > a {
- background: #2ba6cb;
- color: #fefefe; }
- .menu .active > a {
- background: #2ba6cb;
- color: #fefefe; }
- .menu.align-left {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu.align-right li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: end;
- justify-content: flex-end; }
- .menu.align-right li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu.align-right.vertical li {
- display: block;
- text-align: right; }
- .menu.align-right.vertical li .submenu li {
- text-align: right; }
- .menu.align-right .nested {
- margin-right: 1rem;
- margin-left: 0; }
- .menu.align-center li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center; }
- .menu.align-center li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu .menu-text {
- padding: 0.7rem 1rem;
- font-weight: bold;
- line-height: 1;
- color: inherit; }
-
-.menu-centered > .menu {
- -ms-flex-pack: center;
- justify-content: center; }
- .menu-centered > .menu li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center; }
- .menu-centered > .menu li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
-
-.no-js [data-responsive-menu] ul {
- display: none; }
-
-.is-drilldown {
- position: relative;
- overflow: hidden; }
- .is-drilldown li {
- display: block; }
- .is-drilldown.animate-height {
- transition: height 0.5s; }
-
-.drilldown a {
- padding: 0.7rem 1rem;
- background: #fefefe; }
-
-.drilldown .is-drilldown-submenu {
- position: absolute;
- top: 0;
- left: 100%;
- z-index: -1;
- width: 100%;
- background: #fefefe;
- transition: transform 0.15s linear; }
- .drilldown .is-drilldown-submenu.is-active {
- z-index: 1;
- display: block;
- -ms-transform: translateX(-100%);
- transform: translateX(-100%); }
- .drilldown .is-drilldown-submenu.is-closing {
- -ms-transform: translateX(100%);
- transform: translateX(100%); }
- .drilldown .is-drilldown-submenu a {
- padding: 0.7rem 1rem; }
-
-.drilldown .nested.is-drilldown-submenu {
- margin-right: 0;
- margin-left: 0; }
-
-.drilldown .drilldown-submenu-cover-previous {
- min-height: 100%; }
-
-.drilldown .is-drilldown-submenu-parent > a {
- position: relative; }
- .drilldown .is-drilldown-submenu-parent > a::after {
- position: absolute;
- top: 50%;
- margin-top: -6px;
- right: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-.drilldown.align-left .is-drilldown-submenu-parent > a::after {
- left: auto;
- right: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-.drilldown.align-right .is-drilldown-submenu-parent > a::after {
- right: auto;
- left: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
-
-.drilldown .js-drilldown-back > a::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent;
- border-left-width: 0;
- display: inline-block;
- vertical-align: middle;
- margin-right: 0.75rem;
- border-left-width: 0; }
-
-.accordion-menu li {
- width: 100%; }
-
-.accordion-menu a {
- padding: 0.7rem 1rem; }
-
-.accordion-menu .is-accordion-submenu a {
- padding: 0.7rem 1rem; }
-
-.accordion-menu .nested.is-accordion-submenu {
- margin-right: 0;
- margin-left: 1rem; }
-
-.accordion-menu.align-right .nested.is-accordion-submenu {
- margin-right: 1rem;
- margin-left: 0; }
-
-.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
- position: relative; }
- .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- position: absolute;
- top: 50%;
- margin-top: -3px;
- right: 1rem; }
-
-.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
- left: auto;
- right: 1rem; }
-
-.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
- right: auto;
- left: 1rem; }
-
-.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%; }
-
-.is-accordion-submenu-parent {
- position: relative; }
-
-.has-submenu-toggle > a {
- margin-right: 40px; }
-
-.submenu-toggle {
- position: absolute;
- top: 0;
- right: 0;
- cursor: pointer;
- width: 40px;
- height: 40px; }
- .submenu-toggle::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- top: 0;
- bottom: 0;
- margin: auto; }
-
-.submenu-toggle[aria-expanded='true']::after {
- -ms-transform: scaleY(-1);
- transform: scaleY(-1);
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%; }
-
-.submenu-toggle-text {
- position: absolute !important;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
- border: 0; }
-
-.dropdown.menu > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
-
-.dropdown.menu > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
-
-.dropdown.menu a {
- padding: 0.7rem 1rem; }
- [data-whatinput='mouse'] .dropdown.menu a {
- outline: 0; }
-
-.dropdown.menu .is-active > a {
- background: transparent;
- color: #2ba6cb; }
-
-.no-js .dropdown.menu ul {
- display: none; }
-
-.dropdown.menu .nested.is-dropdown-submenu {
- margin-right: 0;
- margin-left: 0; }
-
-.dropdown.menu.vertical > li .is-dropdown-submenu {
- top: 0; }
-
-.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
-
-.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
-
-.dropdown.menu.vertical > li > a::after {
- right: 14px; }
-
-.dropdown.menu.vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
-
-.dropdown.menu.vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-@media print, screen and (min-width: 40em) {
- .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
- .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
- .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
- .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
- .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
- top: 0; }
- .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
- .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
- .dropdown.menu.medium-vertical > li > a::after {
- right: 14px; }
- .dropdown.menu.medium-vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .dropdown.menu.medium-vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; } }
-
-@media print, screen and (min-width: 64em) {
- .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
- .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
- .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
- .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
- .dropdown.menu.large-vertical > li .is-dropdown-submenu {
- top: 0; }
- .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
- .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
- .dropdown.menu.large-vertical > li > a::after {
- right: 14px; }
- .dropdown.menu.large-vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .dropdown.menu.large-vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; } }
-
-.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
- top: 100%;
- right: 0;
- left: auto; }
-
-.is-dropdown-menu.vertical {
- width: 100px; }
- .is-dropdown-menu.vertical.align-right {
- float: right; }
-
-.is-dropdown-submenu-parent {
- position: relative; }
- .is-dropdown-submenu-parent a::after {
- position: absolute;
- top: 50%;
- right: 5px;
- left: auto;
- margin-top: -6px; }
- .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
- top: 100%;
- left: auto; }
- .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto; }
- .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
-
-.is-dropdown-submenu {
- position: absolute;
- top: 0;
- left: 100%;
- z-index: 1;
- display: none;
- min-width: 200px;
- border: 1px solid #cacaca;
- background: #fefefe; }
- .dropdown .is-dropdown-submenu a {
- padding: 0.7rem 1rem; }
- .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
- right: 14px; }
- .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
- .is-dropdown-submenu .is-dropdown-submenu {
- margin-top: -1px; }
- .is-dropdown-submenu > li {
- width: 100%; }
- .is-dropdown-submenu.js-dropdown-active {
- display: block; }
-
-.title-bar {
- padding: 0.5rem;
- background: #0a0a0a;
- color: #fefefe;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -ms-flex-align: center;
- align-items: center; }
- .title-bar .menu-icon {
- margin-left: 0.25rem;
- margin-right: 0.25rem; }
-
-.title-bar-left,
-.title-bar-right {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
-
-.title-bar-right {
- text-align: right; }
-
-.title-bar-title {
- display: inline-block;
- vertical-align: middle;
- font-weight: bold; }
-
-.top-bar {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-align: center;
- align-items: center;
- padding: 0.5rem;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar,
- .top-bar ul {
- background-color: #e6e6e6; }
- .top-bar input {
- max-width: 200px;
- margin-right: 1rem; }
- .top-bar .input-group-field {
- width: 100%;
- margin-right: 0; }
- .top-bar input.button {
- width: auto; }
- .top-bar .top-bar-left,
- .top-bar .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; }
- @media print, screen and (min-width: 40em) {
- .top-bar {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .top-bar .top-bar-left {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- margin-right: auto; }
- .top-bar .top-bar-right {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- margin-left: auto; } }
- @media screen and (max-width: 63.9375em) {
- .top-bar.stacked-for-medium {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar.stacked-for-medium .top-bar-left,
- .top-bar.stacked-for-medium .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; } }
- @media screen and (max-width: 74.9375em) {
- .top-bar.stacked-for-large {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar.stacked-for-large .top-bar-left,
- .top-bar.stacked-for-large .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; } }
-
-.top-bar-title {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- margin: 0.5rem 1rem 0.5rem 0; }
-
-.top-bar-left,
-.top-bar-right {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
-
-.breadcrumbs {
- margin: 0 0 1rem 0;
- list-style: none; }
- .breadcrumbs::before, .breadcrumbs::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .breadcrumbs::after {
- clear: both; }
- .breadcrumbs li {
- float: left;
- font-size: 0.6875rem;
- color: #0a0a0a;
- cursor: default;
- text-transform: uppercase; }
- .breadcrumbs li:not(:last-child)::after {
- position: relative;
- margin: 0 0.75rem;
- opacity: 1;
- content: "/";
- color: #cacaca; }
- .breadcrumbs a {
- color: #2ba6cb; }
- .breadcrumbs a:hover {
- text-decoration: underline; }
- .breadcrumbs .disabled {
- color: #cacaca;
- cursor: not-allowed; }
-
-.pagination {
- margin-left: 0;
- margin-bottom: 1rem; }
- .pagination::before, .pagination::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .pagination::after {
- clear: both; }
- .pagination li {
- margin-right: 0.0625rem;
- border-radius: 3px;
- font-size: 0.875rem;
- display: none; }
- .pagination li:last-child, .pagination li:first-child {
- display: inline-block; }
- @media print, screen and (min-width: 40em) {
- .pagination li {
- display: inline-block; } }
- .pagination a,
- .pagination button {
- display: block;
- padding: 0.1875rem 0.625rem;
- border-radius: 3px;
- color: #0a0a0a; }
- .pagination a:hover,
- .pagination button:hover {
- background: #e6e6e6; }
- .pagination .current {
- padding: 0.1875rem 0.625rem;
- background: #2ba6cb;
- color: #fefefe;
- cursor: default; }
- .pagination .disabled {
- padding: 0.1875rem 0.625rem;
- color: #cacaca;
- cursor: not-allowed; }
- .pagination .disabled:hover {
- background: transparent; }
- .pagination .ellipsis::after {
- padding: 0.1875rem 0.625rem;
- content: '\2026';
- color: #0a0a0a; }
-
-.pagination-previous a::before,
-.pagination-previous.disabled::before {
- display: inline-block;
- margin-right: 0.5rem;
- content: '\00ab'; }
-
-.pagination-next a::after,
-.pagination-next.disabled::after {
- display: inline-block;
- margin-left: 0.5rem;
- content: '\00bb'; }
-
-.accordion {
- margin-left: 0;
- background: #fefefe;
- list-style-type: none; }
- .accordion[disabled] .accordion-title {
- cursor: not-allowed; }
-
-.accordion-item:first-child > :first-child {
- border-radius: 3px 3px 0 0; }
-
-.accordion-item:last-child > :last-child {
- border-radius: 0 0 3px 3px; }
-
-.accordion-title {
- position: relative;
- display: block;
- padding: 1.25rem 1rem;
- border: 1px solid #e6e6e6;
- border-bottom: 0;
- font-size: 0.75rem;
- line-height: 1;
- color: #2ba6cb; }
- :last-child:not(.is-active) > .accordion-title {
- border-bottom: 1px solid #e6e6e6;
- border-radius: 0 0 3px 3px; }
- .accordion-title:hover, .accordion-title:focus {
- background-color: #e6e6e6; }
- .accordion-title::before {
- position: absolute;
- top: 50%;
- right: 1rem;
- margin-top: -0.5rem;
- content: '+'; }
- .is-active > .accordion-title::before {
- content: '\2013'; }
-
-.accordion-content {
- display: none;
- padding: 1rem;
- border: 1px solid #e6e6e6;
- border-bottom: 0;
- background-color: #fefefe;
- color: #0a0a0a; }
- :last-child > .accordion-content:last-child {
- border-bottom: 1px solid #e6e6e6; }
-
-.dropdown-pane {
- position: absolute;
- z-index: 10;
- width: 300px;
- padding: 1rem;
- visibility: hidden;
- display: none;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- font-size: 1rem; }
- .dropdown-pane.is-opening {
- display: block; }
- .dropdown-pane.is-open {
- visibility: visible;
- display: block; }
-
-.dropdown-pane.tiny {
- width: 100px; }
-
-.dropdown-pane.small {
- width: 200px; }
-
-.dropdown-pane.large {
- width: 400px; }
-
-.is-off-canvas-open {
- overflow: hidden; }
-
-.js-off-canvas-overlay {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 11;
- width: 100%;
- height: 100%;
- transition: opacity 0.5s ease, visibility 0.5s ease;
- background: rgba(254, 254, 254, 0.25);
- opacity: 0;
- visibility: hidden;
- overflow: hidden; }
- .js-off-canvas-overlay.is-visible {
- opacity: 1;
- visibility: visible; }
- .js-off-canvas-overlay.is-closable {
- cursor: pointer; }
- .js-off-canvas-overlay.is-overlay-absolute {
- position: absolute; }
- .js-off-canvas-overlay.is-overlay-fixed {
- position: fixed; }
-
-.off-canvas-wrapper {
- position: relative;
- overflow: hidden; }
-
-.off-canvas {
- position: fixed;
- z-index: 12;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background: #e6e6e6; }
- [data-whatinput='mouse'] .off-canvas {
- outline: 0; }
- .off-canvas.is-transition-push {
- z-index: 12; }
- .off-canvas.is-closed {
- visibility: hidden; }
- .off-canvas.is-transition-overlap {
- z-index: 13; }
- .off-canvas.is-transition-overlap.is-open {
- box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
- .off-canvas.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-.off-canvas-absolute {
- position: absolute;
- z-index: 12;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background: #e6e6e6; }
- [data-whatinput='mouse'] .off-canvas-absolute {
- outline: 0; }
- .off-canvas-absolute.is-transition-push {
- z-index: 12; }
- .off-canvas-absolute.is-closed {
- visibility: hidden; }
- .off-canvas-absolute.is-transition-overlap {
- z-index: 13; }
- .off-canvas-absolute.is-transition-overlap.is-open {
- box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
- .off-canvas-absolute.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-.position-left {
- top: 0;
- left: 0;
- height: 100%;
- overflow-y: auto;
- width: 250px;
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .off-canvas-content .off-canvas.position-left {
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-left.has-transition-push {
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .position-left.is-transition-push {
- box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-right {
- top: 0;
- right: 0;
- height: 100%;
- overflow-y: auto;
- width: 250px;
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .off-canvas-content .off-canvas.position-right {
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-right.has-transition-push {
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .position-right.is-transition-push {
- box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-top {
- top: 0;
- left: 0;
- width: 100%;
- overflow-x: auto;
- height: 250px;
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .off-canvas-content .off-canvas.position-top {
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-top.has-transition-push {
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .position-top.is-transition-push {
- box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-bottom {
- bottom: 0;
- left: 0;
- width: 100%;
- overflow-x: auto;
- height: 250px;
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .off-canvas-content .off-canvas.position-bottom {
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-bottom.has-transition-push {
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .position-bottom.is-transition-push {
- box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }
-
-.off-canvas-content {
- -ms-transform: none;
- transform: none;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
- .off-canvas-content.has-transition-push {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content .off-canvas.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-@media print, screen and (min-width: 40em) {
- .position-left.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-left.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-left.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-left {
- margin-left: 250px; }
- .position-left.reveal-for-medium ~ .off-canvas-content {
- margin-left: 250px; }
- .position-right.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-right.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-right.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-right {
- margin-right: 250px; }
- .position-right.reveal-for-medium ~ .off-canvas-content {
- margin-right: 250px; }
- .position-top.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-top.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-top.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-top {
- margin-top: 250px; }
- .position-top.reveal-for-medium ~ .off-canvas-content {
- margin-top: 250px; }
- .position-bottom.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-bottom.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-bottom.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-bottom {
- margin-bottom: 250px; }
- .position-bottom.reveal-for-medium ~ .off-canvas-content {
- margin-bottom: 250px; } }
-
-@media print, screen and (min-width: 64em) {
- .position-left.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-left.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-left.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-left {
- margin-left: 250px; }
- .position-left.reveal-for-large ~ .off-canvas-content {
- margin-left: 250px; }
- .position-right.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-right.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-right.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-right {
- margin-right: 250px; }
- .position-right.reveal-for-large ~ .off-canvas-content {
- margin-right: 250px; }
- .position-top.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-top.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-top.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-top {
- margin-top: 250px; }
- .position-top.reveal-for-large ~ .off-canvas-content {
- margin-top: 250px; }
- .position-bottom.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-bottom.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-bottom.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-bottom {
- margin-bottom: 250px; }
- .position-bottom.reveal-for-large ~ .off-canvas-content {
- margin-bottom: 250px; } }
-
-@media print, screen and (min-width: 40em) {
- .off-canvas.in-canvas-for-medium {
- visibility: visible;
- height: auto;
- position: static;
- background: inherit;
- width: inherit;
- overflow: inherit;
- transition: inherit; }
- .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
- box-shadow: none;
- -ms-transform: none;
- transform: none; }
- .off-canvas.in-canvas-for-medium .close-button {
- display: none; } }
-
-@media print, screen and (min-width: 64em) {
- .off-canvas.in-canvas-for-large {
- visibility: visible;
- height: auto;
- position: static;
- background: inherit;
- width: inherit;
- overflow: inherit;
- transition: inherit; }
- .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
- box-shadow: none;
- -ms-transform: none;
- transform: none; }
- .off-canvas.in-canvas-for-large .close-button {
- display: none; } }
-
-.tabs {
- margin: 0;
- border: 1px solid #e6e6e6;
- background: #fefefe;
- list-style-type: none; }
- .tabs::before, .tabs::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .tabs::after {
- clear: both; }
-
-.tabs.vertical > li {
- display: block;
- float: none;
- width: auto; }
-
-.tabs.simple > li > a {
- padding: 0; }
- .tabs.simple > li > a:hover {
- background: transparent; }
-
-.tabs.primary {
- background: #2ba6cb; }
- .tabs.primary > li > a {
- color: #0a0a0a; }
- .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
- background: #299ec1; }
-
-.tabs-title {
- float: left; }
- .tabs-title > a {
- display: block;
- padding: 1.25rem 1.5rem;
- font-size: 0.75rem;
- line-height: 1;
- color: #2ba6cb; }
- .tabs-title > a:hover {
- background: #fefefe;
- color: #258faf; }
- .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
- background: #e6e6e6;
- color: #2ba6cb; }
-
-.tabs-content {
- border: 1px solid #e6e6e6;
- border-top: 0;
- background: #fefefe;
- color: #0a0a0a;
- transition: all 0.5s ease; }
-
-.tabs-content.vertical {
- border: 1px solid #e6e6e6;
- border-left: 0; }
-
-.tabs-panel {
- display: none;
- padding: 1rem; }
- .tabs-panel.is-active {
- display: block; }
-
-.callout {
- position: relative;
- margin: 0 0 1rem 0;
- padding: 1rem;
- border: 1px solid rgba(10, 10, 10, 0.25);
- border-radius: 3px;
- background-color: white;
- color: #0a0a0a; }
- .callout > :first-child {
- margin-top: 0; }
- .callout > :last-child {
- margin-bottom: 0; }
- .callout.primary {
- background-color: #def2f8;
- color: #0a0a0a; }
- .callout.secondary {
- background-color: #fcfcfc;
- color: #0a0a0a; }
- .callout.alert {
- background-color: #fcd6d6;
- color: #0a0a0a; }
- .callout.success {
- background-color: #e6f7d9;
- color: #0a0a0a; }
- .callout.warning {
- background-color: #fff3d9;
- color: #0a0a0a; }
- .callout.body-font {
- background-color: #dedede;
- color: #0a0a0a; }
- .callout.header {
- background-color: #dedede;
- color: #0a0a0a; }
- .callout.small {
- padding-top: 0.5rem;
- padding-right: 0.5rem;
- padding-bottom: 0.5rem;
- padding-left: 0.5rem; }
- .callout.large {
- padding-top: 3rem;
- padding-right: 3rem;
- padding-bottom: 3rem;
- padding-left: 3rem; }
-
-.card {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- -ms-flex-positive: 1;
- flex-grow: 1;
- margin-bottom: 1rem;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- background: #fefefe;
- box-shadow: none;
- overflow: hidden;
- color: #0a0a0a; }
- .card > :last-child {
- margin-bottom: 0; }
-
-.card-divider {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- display: -ms-flexbox;
- display: flex;
- padding: 1rem;
- background: #e6e6e6; }
- .card-divider > :last-child {
- margin-bottom: 0; }
-
-.card-section {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- padding: 1rem; }
- .card-section > :last-child {
- margin-bottom: 0; }
-
-.card-image {
- min-height: 1px; }
-
-.media-object {
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 1rem;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .media-object img {
- max-width: none; }
- @media screen and (max-width: 39.9375em) {
- .media-object.stack-for-small {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; } }
- @media screen and (max-width: 39.9375em) {
- .media-object.stack-for-small .media-object-section {
- padding: 0;
- padding-bottom: 1rem;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%; }
- .media-object.stack-for-small .media-object-section img {
- width: 100%; } }
-
-.media-object-section {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .media-object-section:first-child {
- padding-right: 1rem; }
- .media-object-section:last-child:not(:nth-child(2)) {
- padding-left: 1rem; }
- .media-object-section > :last-child {
- margin-bottom: 0; }
- .media-object-section.main-section {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
-
-body.is-reveal-open {
- overflow: hidden; }
-
-html.is-reveal-open,
-html.is-reveal-open body {
- min-height: 100%;
- overflow: hidden;
- position: fixed;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.reveal-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1005;
- display: none;
- background-color: rgba(10, 10, 10, 0.45);
- overflow-y: scroll; }
-
-.reveal {
- z-index: 1006;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- display: none;
- padding: 1rem;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- position: relative;
- top: 100px;
- margin-right: auto;
- margin-left: auto;
- overflow-y: auto; }
- [data-whatinput='mouse'] .reveal {
- outline: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal {
- min-height: 0; } }
- .reveal .column {
- min-width: 0; }
- .reveal > :last-child {
- margin-bottom: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal {
- width: 600px;
- max-width: 62.5rem; } }
- .reveal.collapse {
- padding: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal.tiny {
- width: 30%;
- max-width: 62.5rem; } }
- @media print, screen and (min-width: 40em) {
- .reveal.small {
- width: 50%;
- max-width: 62.5rem; } }
- @media print, screen and (min-width: 40em) {
- .reveal.large {
- width: 90%;
- max-width: 62.5rem; } }
- .reveal.full {
- top: 0;
- left: 0;
- width: 100%;
- max-width: none;
- height: 100%;
- height: 100vh;
- min-height: 100vh;
- margin-left: 0;
- border: 0;
- border-radius: 0; }
- @media screen and (max-width: 39.9375em) {
- .reveal {
- top: 0;
- left: 0;
- width: 100%;
- max-width: none;
- height: 100%;
- height: 100vh;
- min-height: 100vh;
- margin-left: 0;
- border: 0;
- border-radius: 0; } }
- .reveal.without-overlay {
- position: fixed; }
-
-table {
- border-collapse: collapse;
- width: 100%;
- margin-bottom: 1rem;
- border-radius: 3px; }
- table thead,
- table tbody,
- table tfoot {
- border: 1px solid #f1f1f1;
- background-color: #fefefe; }
- table caption {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold; }
- table thead {
- background: #f8f8f8;
- color: #0a0a0a; }
- table tfoot {
- background: #f1f1f1;
- color: #0a0a0a; }
- table thead tr,
- table tfoot tr {
- background: transparent; }
- table thead th,
- table thead td,
- table tfoot th,
- table tfoot td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold;
- text-align: left; }
- table tbody th,
- table tbody td {
- padding: 0.5rem 0.625rem 0.625rem; }
- table tbody tr:nth-child(even) {
- border-bottom: 0;
- background-color: #f1f1f1; }
- table.unstriped tbody {
- background-color: #fefefe; }
- table.unstriped tbody tr {
- border-bottom: 0;
- border-bottom: 1px solid #f1f1f1;
- background-color: #fefefe; }
-
-@media screen and (max-width: 63.9375em) {
- table.stack thead {
- display: none; }
- table.stack tfoot {
- display: none; }
- table.stack tr,
- table.stack th,
- table.stack td {
- display: block; }
- table.stack td {
- border-top: 0; } }
-
-table.scroll {
- display: block;
- width: 100%;
- overflow-x: auto; }
-
-table.hover thead tr:hover {
- background-color: #f3f3f3; }
-
-table.hover tfoot tr:hover {
- background-color: #ececec; }
-
-table.hover tbody tr:hover {
- background-color: #f9f9f9; }
-
-table.hover:not(.unstriped) tr:nth-of-type(even):hover {
- background-color: #ececec; }
-
-.table-scroll {
- overflow-x: auto; }
- .table-scroll table {
- width: auto; }
-
-.badge {
- display: inline-block;
- min-width: 2.1em;
- padding: 0.3em;
- border-radius: 50%;
- font-size: 0.6rem;
- text-align: center;
- background: #2ba6cb;
- color: #fefefe; }
- .badge.primary {
- background: #2ba6cb;
- color: #0a0a0a; }
- .badge.secondary {
- background: #e9e9e9;
- color: #0a0a0a; }
- .badge.alert {
- background: #c60f13;
- color: #fefefe; }
- .badge.success {
- background: #5da423;
- color: #0a0a0a; }
- .badge.warning {
- background: #ffae00;
- color: #0a0a0a; }
- .badge.body-font {
- background: #222222;
- color: #fefefe; }
- .badge.header {
- background: #222222;
- color: #fefefe; }
-
-.label {
- display: inline-block;
- padding: 0.33333rem 0.5rem;
- border-radius: 3px;
- font-size: 0.8rem;
- line-height: 1;
- white-space: nowrap;
- cursor: default;
- background: #2ba6cb;
- color: #fefefe; }
- .label.primary {
- background: #2ba6cb;
- color: #0a0a0a; }
- .label.secondary {
- background: #e9e9e9;
- color: #0a0a0a; }
- .label.alert {
- background: #c60f13;
- color: #fefefe; }
- .label.success {
- background: #5da423;
- color: #0a0a0a; }
- .label.warning {
- background: #ffae00;
- color: #0a0a0a; }
- .label.body-font {
- background: #222222;
- color: #fefefe; }
- .label.header {
- background: #222222;
- color: #fefefe; }
-
-.progress {
- height: 1rem;
- margin-bottom: 1rem;
- border-radius: 3px;
- background-color: #cacaca; }
- .progress.primary .progress-meter {
- background-color: #2ba6cb; }
- .progress.secondary .progress-meter {
- background-color: #e9e9e9; }
- .progress.alert .progress-meter {
- background-color: #c60f13; }
- .progress.success .progress-meter {
- background-color: #5da423; }
- .progress.warning .progress-meter {
- background-color: #ffae00; }
- .progress.body-font .progress-meter {
- background-color: #222222; }
- .progress.header .progress-meter {
- background-color: #222222; }
-
-.progress-meter {
- position: relative;
- display: block;
- width: 0%;
- height: 100%;
- background-color: #2ba6cb;
- border-radius: 3px; }
-
-.progress-meter-text {
- position: absolute;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- position: absolute;
- margin: 0;
- font-size: 0.75rem;
- font-weight: bold;
- color: #fefefe;
- white-space: nowrap;
- border-radius: 3px; }
-
-.has-tip {
- position: relative;
- display: inline-block;
- border-bottom: dotted 1px #8a8a8a;
- font-weight: bold;
- cursor: help; }
-
-.tooltip {
- position: absolute;
- top: calc(100% + 0.6495rem);
- z-index: 1200;
- max-width: 10rem;
- padding: 0.75rem;
- border-radius: 3px;
- background-color: #0a0a0a;
- font-size: 80%;
- color: #fefefe; }
- .tooltip::before {
- position: absolute; }
- .tooltip.bottom::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-top-width: 0;
- border-bottom-style: solid;
- border-color: transparent transparent #0a0a0a;
- bottom: 100%; }
- .tooltip.bottom.align-center::before {
- left: 50%;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
- .tooltip.top::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #0a0a0a transparent transparent;
- top: 100%;
- bottom: auto; }
- .tooltip.top.align-center::before {
- left: 50%;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
- .tooltip.left::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #0a0a0a;
- left: 100%; }
- .tooltip.left.align-center::before {
- bottom: auto;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
- .tooltip.right::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #0a0a0a transparent transparent;
- right: 100%;
- left: auto; }
- .tooltip.right.align-center::before {
- bottom: auto;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
- .tooltip.align-top::before {
- bottom: auto;
- top: 10%; }
- .tooltip.align-bottom::before {
- bottom: 10%;
- top: auto; }
- .tooltip.align-left::before {
- left: 10%;
- right: auto; }
- .tooltip.align-right::before {
- left: auto;
- right: 10%; }
-
-.responsive-embed,
-.flex-video {
- position: relative;
- height: 0;
- margin-bottom: 1rem;
- padding-bottom: 75%;
- overflow: hidden; }
- .responsive-embed iframe,
- .responsive-embed object,
- .responsive-embed embed,
- .responsive-embed video,
- .flex-video iframe,
- .flex-video object,
- .flex-video embed,
- .flex-video video {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
- .responsive-embed.widescreen,
- .flex-video.widescreen {
- padding-bottom: 56.25%; }
-
-.orbit {
- position: relative; }
-
-.orbit-container {
- position: relative;
- height: 0;
- margin: 0;
- list-style: none;
- overflow: hidden; }
-
-.orbit-slide {
- width: 100%; }
- .orbit-slide.no-motionui.is-active {
- top: 0;
- left: 0; }
-
-.orbit-figure {
- margin: 0; }
-
-.orbit-image {
- width: 100%;
- max-width: 100%;
- margin: 0; }
-
-.orbit-caption {
- position: absolute;
- bottom: 0;
- width: 100%;
- margin-bottom: 0;
- padding: 1rem;
- background-color: rgba(10, 10, 10, 0.5);
- color: #fefefe; }
-
-.orbit-previous, .orbit-next {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 10;
- padding: 1rem;
- color: #fefefe; }
- [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
- outline: 0; }
- .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
- background-color: rgba(10, 10, 10, 0.5); }
-
-.orbit-previous {
- left: 0; }
-
-.orbit-next {
- left: auto;
- right: 0; }
-
-.orbit-bullets {
- position: relative;
- margin-top: 0.8rem;
- margin-bottom: 0.8rem;
- text-align: center; }
- [data-whatinput='mouse'] .orbit-bullets {
- outline: 0; }
- .orbit-bullets button {
- width: 1.2rem;
- height: 1.2rem;
- margin: 0.1rem;
- border-radius: 50%;
- background-color: #cacaca; }
- .orbit-bullets button:hover {
- background-color: #8a8a8a; }
- .orbit-bullets button.is-active {
- background-color: #8a8a8a; }
-
-.thumbnail {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 1rem;
- border: solid 4px #fefefe;
- border-radius: 3px;
- box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
- line-height: 0; }
-
-a.thumbnail {
- transition: box-shadow 200ms ease-out; }
- a.thumbnail:hover, a.thumbnail:focus {
- box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
- a.thumbnail image {
- box-shadow: none; }
-
-.sticky-container {
- position: relative; }
-
-.sticky {
- position: relative;
- z-index: 0;
- transform: translate3d(0, 0, 0); }
-
-.sticky.is-stuck {
- position: fixed;
- z-index: 5;
- width: 100%; }
- .sticky.is-stuck.is-at-top {
- top: 0; }
- .sticky.is-stuck.is-at-bottom {
- bottom: 0; }
-
-.sticky.is-anchored {
- position: relative;
- right: auto;
- left: auto; }
- .sticky.is-anchored.is-at-bottom {
- bottom: 0; }
-
-.grid-container {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- max-width: 62.5rem;
- margin: 0 auto; }
- .grid-container.fluid {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- max-width: 100%;
- margin: 0 auto; }
- .grid-container.full {
- padding-right: 0;
- padding-left: 0;
- max-width: 100%;
- margin: 0 auto; }
-
-.grid-x {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap; }
-
-.cell {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- min-height: 0px;
- min-width: 0px;
- width: 100%; }
- .cell.auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .cell.shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
-
-.grid-x > .auto {
- width: auto; }
-
-.grid-x > .shrink {
- width: auto; }
-
-.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; }
-
-@media print, screen and (min-width: 40em) {
- .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
-
-.grid-x > .small-1 {
- width: 8.33333%; }
-
-.grid-x > .small-2 {
- width: 16.66667%; }
-
-.grid-x > .small-3 {
- width: 25%; }
-
-.grid-x > .small-4 {
- width: 33.33333%; }
-
-.grid-x > .small-5 {
- width: 41.66667%; }
-
-.grid-x > .small-6 {
- width: 50%; }
-
-.grid-x > .small-7 {
- width: 58.33333%; }
-
-.grid-x > .small-8 {
- width: 66.66667%; }
-
-.grid-x > .small-9 {
- width: 75%; }
-
-.grid-x > .small-10 {
- width: 83.33333%; }
-
-.grid-x > .small-11 {
- width: 91.66667%; }
-
-.grid-x > .small-12 {
- width: 100%; }
-
-@media print, screen and (min-width: 40em) {
- .grid-x > .medium-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- width: auto; }
- .grid-x > .medium-shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto; }
- .grid-x > .medium-1 {
- width: 8.33333%; }
- .grid-x > .medium-2 {
- width: 16.66667%; }
- .grid-x > .medium-3 {
- width: 25%; }
- .grid-x > .medium-4 {
- width: 33.33333%; }
- .grid-x > .medium-5 {
- width: 41.66667%; }
- .grid-x > .medium-6 {
- width: 50%; }
- .grid-x > .medium-7 {
- width: 58.33333%; }
- .grid-x > .medium-8 {
- width: 66.66667%; }
- .grid-x > .medium-9 {
- width: 75%; }
- .grid-x > .medium-10 {
- width: 83.33333%; }
- .grid-x > .medium-11 {
- width: 91.66667%; }
- .grid-x > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-x > .large-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- width: auto; }
- .grid-x > .large-shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto; }
- .grid-x > .large-1 {
- width: 8.33333%; }
- .grid-x > .large-2 {
- width: 16.66667%; }
- .grid-x > .large-3 {
- width: 25%; }
- .grid-x > .large-4 {
- width: 33.33333%; }
- .grid-x > .large-5 {
- width: 41.66667%; }
- .grid-x > .large-6 {
- width: 50%; }
- .grid-x > .large-7 {
- width: 58.33333%; }
- .grid-x > .large-8 {
- width: 66.66667%; }
- .grid-x > .large-9 {
- width: 75%; }
- .grid-x > .large-10 {
- width: 83.33333%; }
- .grid-x > .large-11 {
- width: 91.66667%; }
- .grid-x > .large-12 {
- width: 100%; } }
-
-.grid-margin-x:not(.grid-x) > .cell {
- width: auto; }
-
-.grid-margin-y:not(.grid-y) > .cell {
- height: auto; }
-
-.grid-margin-x {
- margin-left: -0.9375rem;
- margin-right: -0.9375rem; }
- .grid-margin-x > .cell {
- width: calc(100% - 1.875rem);
- margin-left: 0.9375rem;
- margin-right: 0.9375rem; }
- .grid-margin-x > .auto {
- width: auto; }
- .grid-margin-x > .shrink {
- width: auto; }
- .grid-margin-x > .small-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .small-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .small-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .small-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .small-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .small-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .small-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .small-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .small-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .small-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .small-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .small-12 {
- width: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-x > .medium-auto {
- width: auto; }
- .grid-margin-x > .medium-shrink {
- width: auto; }
- .grid-margin-x > .medium-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .medium-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .medium-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .medium-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .medium-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .medium-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .medium-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .medium-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .medium-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .medium-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .medium-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .medium-12 {
- width: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-x > .large-auto {
- width: auto; }
- .grid-margin-x > .large-shrink {
- width: auto; }
- .grid-margin-x > .large-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .large-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .large-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .large-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .large-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .large-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .large-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .large-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .large-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .large-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .large-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .large-12 {
- width: calc(100% - 1.875rem); } }
-
-.grid-padding-x .grid-padding-x {
- margin-right: -0.9375rem;
- margin-left: -0.9375rem; }
-
-.grid-container:not(.full) > .grid-padding-x {
- margin-right: -0.9375rem;
- margin-left: -0.9375rem; }
-
-.grid-padding-x > .cell {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem; }
-
-.small-up-1 > .cell {
- width: 100%; }
-
-.small-up-2 > .cell {
- width: 50%; }
-
-.small-up-3 > .cell {
- width: 33.33333%; }
-
-.small-up-4 > .cell {
- width: 25%; }
-
-.small-up-5 > .cell {
- width: 20%; }
-
-.small-up-6 > .cell {
- width: 16.66667%; }
-
-.small-up-7 > .cell {
- width: 14.28571%; }
-
-.small-up-8 > .cell {
- width: 12.5%; }
-
-@media print, screen and (min-width: 40em) {
- .medium-up-1 > .cell {
- width: 100%; }
- .medium-up-2 > .cell {
- width: 50%; }
- .medium-up-3 > .cell {
- width: 33.33333%; }
- .medium-up-4 > .cell {
- width: 25%; }
- .medium-up-5 > .cell {
- width: 20%; }
- .medium-up-6 > .cell {
- width: 16.66667%; }
- .medium-up-7 > .cell {
- width: 14.28571%; }
- .medium-up-8 > .cell {
- width: 12.5%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-up-1 > .cell {
- width: 100%; }
- .large-up-2 > .cell {
- width: 50%; }
- .large-up-3 > .cell {
- width: 33.33333%; }
- .large-up-4 > .cell {
- width: 25%; }
- .large-up-5 > .cell {
- width: 20%; }
- .large-up-6 > .cell {
- width: 16.66667%; }
- .large-up-7 > .cell {
- width: 14.28571%; }
- .large-up-8 > .cell {
- width: 12.5%; } }
-
-.grid-margin-x.small-up-1 > .cell {
- width: calc(100% - 1.875rem); }
-
-.grid-margin-x.small-up-2 > .cell {
- width: calc(50% - 1.875rem); }
-
-.grid-margin-x.small-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
-
-.grid-margin-x.small-up-4 > .cell {
- width: calc(25% - 1.875rem); }
-
-.grid-margin-x.small-up-5 > .cell {
- width: calc(20% - 1.875rem); }
-
-.grid-margin-x.small-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
-
-.grid-margin-x.small-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
-
-.grid-margin-x.small-up-8 > .cell {
- width: calc(12.5% - 1.875rem); }
-
-@media print, screen and (min-width: 40em) {
- .grid-margin-x.medium-up-1 > .cell {
- width: calc(100% - 1.875rem); }
- .grid-margin-x.medium-up-2 > .cell {
- width: calc(50% - 1.875rem); }
- .grid-margin-x.medium-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x.medium-up-4 > .cell {
- width: calc(25% - 1.875rem); }
- .grid-margin-x.medium-up-5 > .cell {
- width: calc(20% - 1.875rem); }
- .grid-margin-x.medium-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x.medium-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
- .grid-margin-x.medium-up-8 > .cell {
- width: calc(12.5% - 1.875rem); } }
-
-@media print, screen and (min-width: 64em) {
- .grid-margin-x.large-up-1 > .cell {
- width: calc(100% - 1.875rem); }
- .grid-margin-x.large-up-2 > .cell {
- width: calc(50% - 1.875rem); }
- .grid-margin-x.large-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x.large-up-4 > .cell {
- width: calc(25% - 1.875rem); }
- .grid-margin-x.large-up-5 > .cell {
- width: calc(20% - 1.875rem); }
- .grid-margin-x.large-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x.large-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
- .grid-margin-x.large-up-8 > .cell {
- width: calc(12.5% - 1.875rem); } }
-
-.small-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .small-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; }
- .small-margin-collapse > .small-1 {
- width: 8.33333%; }
- .small-margin-collapse > .small-2 {
- width: 16.66667%; }
- .small-margin-collapse > .small-3 {
- width: 25%; }
- .small-margin-collapse > .small-4 {
- width: 33.33333%; }
- .small-margin-collapse > .small-5 {
- width: 41.66667%; }
- .small-margin-collapse > .small-6 {
- width: 50%; }
- .small-margin-collapse > .small-7 {
- width: 58.33333%; }
- .small-margin-collapse > .small-8 {
- width: 66.66667%; }
- .small-margin-collapse > .small-9 {
- width: 75%; }
- .small-margin-collapse > .small-10 {
- width: 83.33333%; }
- .small-margin-collapse > .small-11 {
- width: 91.66667%; }
- .small-margin-collapse > .small-12 {
- width: 100%; }
- @media print, screen and (min-width: 40em) {
- .small-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .small-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .small-margin-collapse > .medium-3 {
- width: 25%; }
- .small-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .small-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .small-margin-collapse > .medium-6 {
- width: 50%; }
- .small-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .small-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .small-margin-collapse > .medium-9 {
- width: 75%; }
- .small-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .small-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .small-margin-collapse > .medium-12 {
- width: 100%; } }
- @media print, screen and (min-width: 64em) {
- .small-margin-collapse > .large-1 {
- width: 8.33333%; }
- .small-margin-collapse > .large-2 {
- width: 16.66667%; }
- .small-margin-collapse > .large-3 {
- width: 25%; }
- .small-margin-collapse > .large-4 {
- width: 33.33333%; }
- .small-margin-collapse > .large-5 {
- width: 41.66667%; }
- .small-margin-collapse > .large-6 {
- width: 50%; }
- .small-margin-collapse > .large-7 {
- width: 58.33333%; }
- .small-margin-collapse > .large-8 {
- width: 66.66667%; }
- .small-margin-collapse > .large-9 {
- width: 75%; }
- .small-margin-collapse > .large-10 {
- width: 83.33333%; }
- .small-margin-collapse > .large-11 {
- width: 91.66667%; }
- .small-margin-collapse > .large-12 {
- width: 100%; } }
-
-.small-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .small-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .medium-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse > .small-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .small-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .small-3 {
- width: 25%; }
- .medium-margin-collapse > .small-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .small-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .small-6 {
- width: 50%; }
- .medium-margin-collapse > .small-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .small-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .small-9 {
- width: 75%; }
- .medium-margin-collapse > .small-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .small-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .small-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .medium-3 {
- width: 25%; }
- .medium-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .medium-6 {
- width: 50%; }
- .medium-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .medium-9 {
- width: 75%; }
- .medium-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .medium-margin-collapse > .large-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .large-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .large-3 {
- width: 25%; }
- .medium-margin-collapse > .large-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .large-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .large-6 {
- width: 50%; }
- .medium-margin-collapse > .large-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .large-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .large-9 {
- width: 75%; }
- .medium-margin-collapse > .large-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .large-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .large-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .medium-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .large-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .small-1 {
- width: 8.33333%; }
- .large-margin-collapse > .small-2 {
- width: 16.66667%; }
- .large-margin-collapse > .small-3 {
- width: 25%; }
- .large-margin-collapse > .small-4 {
- width: 33.33333%; }
- .large-margin-collapse > .small-5 {
- width: 41.66667%; }
- .large-margin-collapse > .small-6 {
- width: 50%; }
- .large-margin-collapse > .small-7 {
- width: 58.33333%; }
- .large-margin-collapse > .small-8 {
- width: 66.66667%; }
- .large-margin-collapse > .small-9 {
- width: 75%; }
- .large-margin-collapse > .small-10 {
- width: 83.33333%; }
- .large-margin-collapse > .small-11 {
- width: 91.66667%; }
- .large-margin-collapse > .small-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .large-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .large-margin-collapse > .medium-3 {
- width: 25%; }
- .large-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .large-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .large-margin-collapse > .medium-6 {
- width: 50%; }
- .large-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .large-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .large-margin-collapse > .medium-9 {
- width: 75%; }
- .large-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .large-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .large-margin-collapse > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .large-1 {
- width: 8.33333%; }
- .large-margin-collapse > .large-2 {
- width: 16.66667%; }
- .large-margin-collapse > .large-3 {
- width: 25%; }
- .large-margin-collapse > .large-4 {
- width: 33.33333%; }
- .large-margin-collapse > .large-5 {
- width: 41.66667%; }
- .large-margin-collapse > .large-6 {
- width: 50%; }
- .large-margin-collapse > .large-7 {
- width: 58.33333%; }
- .large-margin-collapse > .large-8 {
- width: 66.66667%; }
- .large-margin-collapse > .large-9 {
- width: 75%; }
- .large-margin-collapse > .large-10 {
- width: 83.33333%; }
- .large-margin-collapse > .large-11 {
- width: 91.66667%; }
- .large-margin-collapse > .large-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .large-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; } }
-
-.small-offset-0 {
- margin-left: 0%; }
-
-.grid-margin-x > .small-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
-
-.small-offset-1 {
- margin-left: 8.33333%; }
-
-.grid-margin-x > .small-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
-
-.small-offset-2 {
- margin-left: 16.66667%; }
-
-.grid-margin-x > .small-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
-
-.small-offset-3 {
- margin-left: 25%; }
-
-.grid-margin-x > .small-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
-
-.small-offset-4 {
- margin-left: 33.33333%; }
-
-.grid-margin-x > .small-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
-
-.small-offset-5 {
- margin-left: 41.66667%; }
-
-.grid-margin-x > .small-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
-
-.small-offset-6 {
- margin-left: 50%; }
-
-.grid-margin-x > .small-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
-
-.small-offset-7 {
- margin-left: 58.33333%; }
-
-.grid-margin-x > .small-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
-
-.small-offset-8 {
- margin-left: 66.66667%; }
-
-.grid-margin-x > .small-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
-
-.small-offset-9 {
- margin-left: 75%; }
-
-.grid-margin-x > .small-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
-
-.small-offset-10 {
- margin-left: 83.33333%; }
-
-.grid-margin-x > .small-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
-
-.small-offset-11 {
- margin-left: 91.66667%; }
-
-.grid-margin-x > .small-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); }
-
-@media print, screen and (min-width: 40em) {
- .medium-offset-0 {
- margin-left: 0%; }
- .grid-margin-x > .medium-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
- .medium-offset-1 {
- margin-left: 8.33333%; }
- .grid-margin-x > .medium-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
- .medium-offset-2 {
- margin-left: 16.66667%; }
- .grid-margin-x > .medium-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
- .medium-offset-3 {
- margin-left: 25%; }
- .grid-margin-x > .medium-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
- .medium-offset-4 {
- margin-left: 33.33333%; }
- .grid-margin-x > .medium-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
- .medium-offset-5 {
- margin-left: 41.66667%; }
- .grid-margin-x > .medium-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
- .medium-offset-6 {
- margin-left: 50%; }
- .grid-margin-x > .medium-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
- .medium-offset-7 {
- margin-left: 58.33333%; }
- .grid-margin-x > .medium-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
- .medium-offset-8 {
- margin-left: 66.66667%; }
- .grid-margin-x > .medium-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
- .medium-offset-9 {
- margin-left: 75%; }
- .grid-margin-x > .medium-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
- .medium-offset-10 {
- margin-left: 83.33333%; }
- .grid-margin-x > .medium-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
- .medium-offset-11 {
- margin-left: 91.66667%; }
- .grid-margin-x > .medium-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); } }
-
-@media print, screen and (min-width: 64em) {
- .large-offset-0 {
- margin-left: 0%; }
- .grid-margin-x > .large-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
- .large-offset-1 {
- margin-left: 8.33333%; }
- .grid-margin-x > .large-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
- .large-offset-2 {
- margin-left: 16.66667%; }
- .grid-margin-x > .large-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
- .large-offset-3 {
- margin-left: 25%; }
- .grid-margin-x > .large-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
- .large-offset-4 {
- margin-left: 33.33333%; }
- .grid-margin-x > .large-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
- .large-offset-5 {
- margin-left: 41.66667%; }
- .grid-margin-x > .large-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
- .large-offset-6 {
- margin-left: 50%; }
- .grid-margin-x > .large-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
- .large-offset-7 {
- margin-left: 58.33333%; }
- .grid-margin-x > .large-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
- .large-offset-8 {
- margin-left: 66.66667%; }
- .grid-margin-x > .large-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
- .large-offset-9 {
- margin-left: 75%; }
- .grid-margin-x > .large-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
- .large-offset-10 {
- margin-left: 83.33333%; }
- .grid-margin-x > .large-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
- .large-offset-11 {
- margin-left: 91.66667%; }
- .grid-margin-x > .large-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); } }
-
-.grid-y {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .grid-y > .cell {
- width: auto; }
- .grid-y > .auto {
- height: auto; }
- .grid-y > .shrink {
- height: auto; }
- .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; }
- @media print, screen and (min-width: 40em) {
- .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
- @media print, screen and (min-width: 64em) {
- .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
- .grid-y > .small-1 {
- height: 8.33333%; }
- .grid-y > .small-2 {
- height: 16.66667%; }
- .grid-y > .small-3 {
- height: 25%; }
- .grid-y > .small-4 {
- height: 33.33333%; }
- .grid-y > .small-5 {
- height: 41.66667%; }
- .grid-y > .small-6 {
- height: 50%; }
- .grid-y > .small-7 {
- height: 58.33333%; }
- .grid-y > .small-8 {
- height: 66.66667%; }
- .grid-y > .small-9 {
- height: 75%; }
- .grid-y > .small-10 {
- height: 83.33333%; }
- .grid-y > .small-11 {
- height: 91.66667%; }
- .grid-y > .small-12 {
- height: 100%; }
- @media print, screen and (min-width: 40em) {
- .grid-y > .medium-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto; }
- .grid-y > .medium-shrink {
- height: auto; }
- .grid-y > .medium-1 {
- height: 8.33333%; }
- .grid-y > .medium-2 {
- height: 16.66667%; }
- .grid-y > .medium-3 {
- height: 25%; }
- .grid-y > .medium-4 {
- height: 33.33333%; }
- .grid-y > .medium-5 {
- height: 41.66667%; }
- .grid-y > .medium-6 {
- height: 50%; }
- .grid-y > .medium-7 {
- height: 58.33333%; }
- .grid-y > .medium-8 {
- height: 66.66667%; }
- .grid-y > .medium-9 {
- height: 75%; }
- .grid-y > .medium-10 {
- height: 83.33333%; }
- .grid-y > .medium-11 {
- height: 91.66667%; }
- .grid-y > .medium-12 {
- height: 100%; } }
- @media print, screen and (min-width: 64em) {
- .grid-y > .large-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto; }
- .grid-y > .large-shrink {
- height: auto; }
- .grid-y > .large-1 {
- height: 8.33333%; }
- .grid-y > .large-2 {
- height: 16.66667%; }
- .grid-y > .large-3 {
- height: 25%; }
- .grid-y > .large-4 {
- height: 33.33333%; }
- .grid-y > .large-5 {
- height: 41.66667%; }
- .grid-y > .large-6 {
- height: 50%; }
- .grid-y > .large-7 {
- height: 58.33333%; }
- .grid-y > .large-8 {
- height: 66.66667%; }
- .grid-y > .large-9 {
- height: 75%; }
- .grid-y > .large-10 {
- height: 83.33333%; }
- .grid-y > .large-11 {
- height: 91.66667%; }
- .grid-y > .large-12 {
- height: 100%; } }
-
-.grid-padding-y .grid-padding-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
-
-.grid-padding-y > .cell {
- padding-top: 0.9375rem;
- padding-bottom: 0.9375rem; }
-
-.grid-margin-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
- .grid-margin-y > .cell {
- height: calc(100% - 1.875rem);
- margin-top: 0.9375rem;
- margin-bottom: 0.9375rem; }
- .grid-margin-y > .auto {
- height: auto; }
- .grid-margin-y > .shrink {
- height: auto; }
- .grid-margin-y > .small-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .small-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .small-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .small-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .small-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .small-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .small-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .small-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .small-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .small-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .small-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .small-12 {
- height: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-y > .medium-auto {
- height: auto; }
- .grid-margin-y > .medium-shrink {
- height: auto; }
- .grid-margin-y > .medium-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .medium-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .medium-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .medium-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .medium-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .medium-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .medium-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .medium-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .medium-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .medium-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .medium-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .medium-12 {
- height: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-y > .large-auto {
- height: auto; }
- .grid-margin-y > .large-shrink {
- height: auto; }
- .grid-margin-y > .large-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .large-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .large-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .large-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .large-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .large-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .large-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .large-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .large-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .large-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .large-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .large-12 {
- height: calc(100% - 1.875rem); } }
-
-.grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
-
-.cell .grid-frame {
- width: 100%; }
-
-.cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
-
-.cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
-
-.cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
-
-@media print, screen and (min-width: 40em) {
- .medium-grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
- .cell .medium-grid-frame {
- width: 100%; }
- .medium-cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
- .medium-cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .medium-cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .medium-cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; } }
-
-@media print, screen and (min-width: 64em) {
- .large-grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
- .cell .large-grid-frame {
- width: 100%; }
- .large-cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
- .large-cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .large-cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .large-cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; } }
-
-.grid-y.grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; }
-
-@media print, screen and (min-width: 40em) {
- .grid-y.medium-grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-y.large-grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; } }
-
-.cell .grid-y.grid-frame {
- height: 100%; }
-
-@media print, screen and (min-width: 40em) {
- .cell .grid-y.medium-grid-frame {
- height: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .cell .grid-y.large-grid-frame {
- height: 100%; } }
-
-.grid-margin-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
- .grid-margin-y > .cell {
- height: calc(100% - 1.875rem);
- margin-top: 0.9375rem;
- margin-bottom: 0.9375rem; }
- .grid-margin-y > .auto {
- height: auto; }
- .grid-margin-y > .shrink {
- height: auto; }
- .grid-margin-y > .small-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .small-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .small-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .small-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .small-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .small-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .small-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .small-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .small-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .small-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .small-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .small-12 {
- height: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-y > .medium-auto {
- height: auto; }
- .grid-margin-y > .medium-shrink {
- height: auto; }
- .grid-margin-y > .medium-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .medium-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .medium-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .medium-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .medium-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .medium-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .medium-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .medium-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .medium-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .medium-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .medium-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .medium-12 {
- height: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-y > .large-auto {
- height: auto; }
- .grid-margin-y > .large-shrink {
- height: auto; }
- .grid-margin-y > .large-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .large-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .large-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .large-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .large-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .large-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .large-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .large-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .large-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .large-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .large-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .large-12 {
- height: calc(100% - 1.875rem); } }
-
-.grid-frame.grid-margin-y {
- height: calc(100vh + 1.875rem); }
-
-@media print, screen and (min-width: 40em) {
- .grid-margin-y.medium-grid-frame {
- height: calc(100vh + 1.875rem); } }
-
-@media print, screen and (min-width: 64em) {
- .grid-margin-y.large-grid-frame {
- height: calc(100vh + 1.875rem); } }
-
-.align-right {
- -ms-flex-pack: end;
- justify-content: flex-end; }
-
-.align-center {
- -ms-flex-pack: center;
- justify-content: center; }
-
-.align-justify {
- -ms-flex-pack: justify;
- justify-content: space-between; }
-
-.align-spaced {
- -ms-flex-pack: distribute;
- justify-content: space-around; }
-
-.align-right.vertical.menu > li > a {
- -ms-flex-pack: end;
- justify-content: flex-end; }
-
-.align-center.vertical.menu > li > a {
- -ms-flex-pack: center;
- justify-content: center; }
-
-.align-top {
- -ms-flex-align: start;
- align-items: flex-start; }
-
-.align-self-top {
- -ms-flex-item-align: start;
- align-self: flex-start; }
-
-.align-bottom {
- -ms-flex-align: end;
- align-items: flex-end; }
-
-.align-self-bottom {
- -ms-flex-item-align: end;
- align-self: flex-end; }
-
-.align-middle {
- -ms-flex-align: center;
- align-items: center; }
-
-.align-self-middle {
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center; }
-
-.align-stretch {
- -ms-flex-align: stretch;
- align-items: stretch; }
-
-.align-self-stretch {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch; }
-
-.align-center-middle {
- -ms-flex-pack: center;
- justify-content: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-line-pack: center;
- align-content: center; }
-
-.small-order-1 {
- -ms-flex-order: 1;
- order: 1; }
-
-.small-order-2 {
- -ms-flex-order: 2;
- order: 2; }
-
-.small-order-3 {
- -ms-flex-order: 3;
- order: 3; }
-
-.small-order-4 {
- -ms-flex-order: 4;
- order: 4; }
-
-.small-order-5 {
- -ms-flex-order: 5;
- order: 5; }
-
-.small-order-6 {
- -ms-flex-order: 6;
- order: 6; }
-
-@media print, screen and (min-width: 40em) {
- .medium-order-1 {
- -ms-flex-order: 1;
- order: 1; }
- .medium-order-2 {
- -ms-flex-order: 2;
- order: 2; }
- .medium-order-3 {
- -ms-flex-order: 3;
- order: 3; }
- .medium-order-4 {
- -ms-flex-order: 4;
- order: 4; }
- .medium-order-5 {
- -ms-flex-order: 5;
- order: 5; }
- .medium-order-6 {
- -ms-flex-order: 6;
- order: 6; } }
-
-@media print, screen and (min-width: 64em) {
- .large-order-1 {
- -ms-flex-order: 1;
- order: 1; }
- .large-order-2 {
- -ms-flex-order: 2;
- order: 2; }
- .large-order-3 {
- -ms-flex-order: 3;
- order: 3; }
- .large-order-4 {
- -ms-flex-order: 4;
- order: 4; }
- .large-order-5 {
- -ms-flex-order: 5;
- order: 5; }
- .large-order-6 {
- -ms-flex-order: 6;
- order: 6; } }
-
-.flex-container {
- display: -ms-flexbox;
- display: flex; }
-
-.flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
-
-.flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
-
-.flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
-
-.flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
-
-.flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
-
-.flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
-
-.flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; }
-
-@media print, screen and (min-width: 40em) {
- .medium-flex-container {
- display: -ms-flexbox;
- display: flex; }
- .medium-flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
- .medium-flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
- .medium-flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .medium-flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
- .medium-flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
- .medium-flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
- .medium-flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; } }
-
-@media print, screen and (min-width: 64em) {
- .large-flex-container {
- display: -ms-flexbox;
- display: flex; }
- .large-flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
- .large-flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
- .large-flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .large-flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
- .large-flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
- .large-flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
- .large-flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; } }
-
-.menu-icon {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 20px;
- height: 16px;
- cursor: pointer; }
- .menu-icon::after {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 2px;
- background: #fefefe;
- box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
- content: ''; }
- .menu-icon:hover::after {
- background: #cacaca;
- box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
-
-.menu-icon.dark {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 20px;
- height: 16px;
- cursor: pointer; }
- .menu-icon.dark::after {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
- content: ''; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
-
-.slide-in-down.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(-100%);
- transform: translateY(-100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-down.mui-enter.mui-enter-active {
- -ms-transform: translateY(0);
- transform: translateY(0); }
-
-.slide-in-left.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(-100%);
- transform: translateX(-100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-left.mui-enter.mui-enter-active {
- -ms-transform: translateX(0);
- transform: translateX(0); }
-
-.slide-in-up.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(100%);
- transform: translateY(100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-up.mui-enter.mui-enter-active {
- -ms-transform: translateY(0);
- transform: translateY(0); }
-
-.slide-in-right.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(100%);
- transform: translateX(100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-right.mui-enter.mui-enter-active {
- -ms-transform: translateX(0);
- transform: translateX(0); }
-
-.slide-out-down.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(0);
- transform: translateY(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-down.mui-leave.mui-leave-active {
- -ms-transform: translateY(100%);
- transform: translateY(100%); }
-
-.slide-out-right.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(0);
- transform: translateX(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-right.mui-leave.mui-leave-active {
- -ms-transform: translateX(100%);
- transform: translateX(100%); }
-
-.slide-out-up.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(0);
- transform: translateY(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-up.mui-leave.mui-leave-active {
- -ms-transform: translateY(-100%);
- transform: translateY(-100%); }
-
-.slide-out-left.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(0);
- transform: translateX(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-left.mui-leave.mui-leave-active {
- -ms-transform: translateX(-100%);
- transform: translateX(-100%); }
-
-.fade-in.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- opacity: 0;
- transition-property: opacity; }
-
-.fade-in.mui-enter.mui-enter-active {
- opacity: 1; }
-
-.fade-out.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- opacity: 1;
- transition-property: opacity; }
-
-.fade-out.mui-leave.mui-leave-active {
- opacity: 0; }
-
-.hinge-in-from-top.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(-90deg);
- -ms-transform-origin: top;
- transform-origin: top;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-top.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-right.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(-90deg);
- -ms-transform-origin: right;
- transform-origin: right;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-right.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-bottom.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(90deg);
- -ms-transform-origin: bottom;
- transform-origin: bottom;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-bottom.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-left.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(90deg);
- -ms-transform-origin: left;
- transform-origin: left;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-left.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-middle-x.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(-90deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-middle-x.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-middle-y.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(-90deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-middle-y.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-out-from-top.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: top;
- transform-origin: top;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-top.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(-90deg);
- opacity: 0; }
-
-.hinge-out-from-right.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: right;
- transform-origin: right;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-right.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(-90deg);
- opacity: 0; }
-
-.hinge-out-from-bottom.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: bottom;
- transform-origin: bottom;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-bottom.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(90deg);
- opacity: 0; }
-
-.hinge-out-from-left.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: left;
- transform-origin: left;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-left.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(90deg);
- opacity: 0; }
-
-.hinge-out-from-middle-x.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-middle-x.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(-90deg);
- opacity: 0; }
-
-.hinge-out-from-middle-y.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-middle-y.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(-90deg);
- opacity: 0; }
-
-.scale-in-up.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.scale-in-up.mui-enter.mui-enter-active {
- -ms-transform: scale(1);
- transform: scale(1);
- opacity: 1; }
-
-.scale-in-down.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.scale-in-down.mui-enter.mui-enter-active {
- -ms-transform: scale(1);
- transform: scale(1);
- opacity: 1; }
-
-.scale-out-up.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1);
- transform: scale(1);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.scale-out-up.mui-leave.mui-leave-active {
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- opacity: 0; }
-
-.scale-out-down.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1);
- transform: scale(1);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.scale-out-down.mui-leave.mui-leave-active {
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0; }
-
-.spin-in.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(-0.75turn);
- transform: rotate(-0.75turn);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.spin-in.mui-enter.mui-enter-active {
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1; }
-
-.spin-out.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0);
- transform: rotate(0);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.spin-out.mui-leave.mui-leave-active {
- -ms-transform: rotate(0.75turn);
- transform: rotate(0.75turn);
- opacity: 0; }
-
-.spin-in-ccw.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0.75turn);
- transform: rotate(0.75turn);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.spin-in-ccw.mui-enter.mui-enter-active {
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1; }
-
-.spin-out-ccw.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0);
- transform: rotate(0);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.spin-out-ccw.mui-leave.mui-leave-active {
- -ms-transform: rotate(-0.75turn);
- transform: rotate(-0.75turn);
- opacity: 0; }
-
-.slow {
- transition-duration: 750ms !important; }
-
-.fast {
- transition-duration: 250ms !important; }
-
-.linear {
- transition-timing-function: linear !important; }
-
-.ease {
- transition-timing-function: ease !important; }
-
-.ease-in {
- transition-timing-function: ease-in !important; }
-
-.ease-out {
- transition-timing-function: ease-out !important; }
-
-.ease-in-out {
- transition-timing-function: ease-in-out !important; }
-
-.bounce-in {
- transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.bounce-out {
- transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.bounce-in-out {
- transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.short-delay {
- transition-delay: 300ms !important; }
-
-.long-delay {
- transition-delay: 700ms !important; }
-
-.shake {
- animation-name: shake-7; }
-
-@keyframes shake-7 {
- 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
- transform: translateX(7%); }
- 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
- transform: translateX(-7%); } }
-
-.spin-cw {
- animation-name: spin-cw-1turn; }
-
-@keyframes spin-cw-1turn {
- 0% {
- transform: rotate(-1turn); }
- 100% {
- transform: rotate(0); } }
-
-.spin-ccw {
- animation-name: spin-cw-1turn; }
-
-@keyframes spin-cw-1turn {
- 0% {
- transform: rotate(0); }
- 100% {
- transform: rotate(1turn); } }
-
-.wiggle {
- animation-name: wiggle-7deg; }
-
-@keyframes wiggle-7deg {
- 40%, 50%, 60% {
- transform: rotate(7deg); }
- 35%, 45%, 55%, 65% {
- transform: rotate(-7deg); }
- 0%, 30%, 70%, 100% {
- transform: rotate(0); } }
-
-.shake,
-.spin-cw,
-.spin-ccw,
-.wiggle {
- animation-duration: 500ms; }
-
-.infinite {
- animation-iteration-count: infinite; }
-
-.slow {
- animation-duration: 750ms !important; }
-
-.fast {
- animation-duration: 250ms !important; }
-
-.linear {
- animation-timing-function: linear !important; }
-
-.ease {
- animation-timing-function: ease !important; }
-
-.ease-in {
- animation-timing-function: ease-in !important; }
-
-.ease-out {
- animation-timing-function: ease-out !important; }
-
-.ease-in-out {
- animation-timing-function: ease-in-out !important; }
-
-.bounce-in {
- animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.bounce-out {
- animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.bounce-in-out {
- animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.short-delay {
- animation-delay: 300ms !important; }
-
-.long-delay {
- animation-delay: 700ms !important; }
diff --git a/netbeans.apache.org/src/content/css/foundation.min.css b/netbeans.apache.org/src/content/css/foundation.min.css
deleted file mode 100644
index d98919b..0000000
--- a/netbeans.apache.org/src/content/css/foundation.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";@media print,screen and (min-width:40em){.reveal,.reveal.large,.reveal.small,.reveal.tiny{right:auto;left:auto;margin:0 auto}}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,::after,::before{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:0 0;line-height:1;cursor:auto}[data-whatinput=mouse] button{outline:0}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block!important}.is-hidden{display:none!important}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{margin-bottom:1rem;font-size:inherit;line-height:1.6;text-rendering:optimizeLegibility}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:700;line-height:inherit}small{font-size:80%;line-height:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;color:inherit;text-rendering:optimizeLegibility}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{line-height:0;color:#cacaca}.h1,h1{font-size:1.5rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h2,h2{font-size:1.25rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h3,h3{font-size:1.1875rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h4,h4{font-size:1.125rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h5,h5{font-size:1.0625rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h6,h6{font-size:1rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}@media print,screen and (min-width:40em){.h1,h1{font-size:3rem}.h2,h2{font-size:2.5rem}.h3,h3{font-size:1.9375rem}.h4,h4{font-size:1.5625rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}}a{line-height:inherit;color:#2ba6cb;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#258faf}a img{border:0}hr{clear:both;max-width:62.5rem;height:0;margin:1.25rem auto;border-top:0;border-right:0;border-bottom:1px solid #cacaca;border-left:0}dl,ol,ul{margin-bottom:1rem;list-style-position:outside;line-height:1.6}li{font-size:inherit}ul{margin-left:1.25rem;list-style-type:disc}ol{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:"? "}abbr,abbr[title]{border-bottom:1px dotted #0a0a0a;cursor:help;text-decoration:none}figure{margin:0}code{padding:.125rem .3125rem .0625rem;border:1px solid #cacaca;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#0a0a0a}kbd{margin:0;padding:.125rem .25rem 0;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;color:#0a0a0a;border-radius:3px}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}ol.no-bullet,ul.no-bullet{margin-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media print,screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media print,screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:0 0!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print{display:table-cell!important}th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.print-break-inside{page-break-inside:auto}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#0a0a0a;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{outline:0;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:-ms-flexbox;display:flex;width:100%;margin-bottom:1rem;-ms-flex-align:stretch;align-items:stretch}.input-group>:first-child{border-radius:3px 0 0 3px}.input-group>:last-child>*{border-radius:0 3px 3px 0}.input-group-button,.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{padding:0 1rem;border:1px solid #cacaca;background:#e6e6e6;color:#0a0a0a;text-align:center;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;-ms-flex:1 1 0px;flex:1 1 0px;height:auto;min-width:0}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label{height:auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;padding-top:0;padding-bottom:0;font-size:1rem}fieldset{margin:0;padding:0;border:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{margin:1.125rem 0;padding:1.25rem;border:1px solid #cacaca}.fieldset legend{margin:0;margin-left:-.1875rem;padding:0 .1875rem}select{height:2.4375rem;margin:0 0 1rem;padding:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#0a0a0a;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:1.5rem;transition:box-shadow .5s,border-color .25s ease-in-out}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:focus{outline:0;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}select:disabled{background-color:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){border-color:#c60f13;background-color:#f8e6e7}.is-invalid-input:not(:focus)::-webkit-input-placeholder{color:#c60f13}.is-invalid-input:not(:focus)::-moz-placeholder{color:#c60f13}.is-invalid-input:not(:focus):-ms-input-placeholder{color:#c60f13}.is-invalid-input:not(:focus)::placeholder{color:#c60f13}.is-invalid-label{color:#c60f13}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;color:#c60f13}.form-error.is-visible{display:block}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-right:auto;margin-left:auto}.clearfix::after,.clearfix::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.clearfix::after{clear:both}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media print,screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media print,screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.show-on-focus:active,.show-on-focus:focus{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.button{display:inline-block;vertical-align:middle;margin:0 0 1rem 0;font-family:inherit;padding:.85em 1em;-webkit-appearance:none;border:1px solid transparent;border-radius:3px;transition:background-color .25s ease-out,color .25s ease-out;font-size:.9rem;line-height:1;text-align:center;cursor:pointer;background-color:#2ba6cb;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#258dad;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-right:0;margin-left:0}.button.primary{background-color:#2ba6cb;color:#0a0a0a}.button.primary:focus,.button.primary:hover{background-color:#2285a2;color:#0a0a0a}.button.secondary{background-color:#e9e9e9;color:#0a0a0a}.button.secondary:focus,.button.secondary:hover{background-color:#bababa;color:#0a0a0a}.button.alert{background-color:#c60f13;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#9e0c0f;color:#fefefe}.button.success{background-color:#5da423;color:#0a0a0a}.button.success:focus,.button.success:hover{background-color:#4a831c;color:#0a0a0a}.button.warning{background-color:#ffae00;color:#0a0a0a}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#0a0a0a}.button.body-font{background-color:#222;color:#fefefe}.button.body-font:focus,.button.body-font:hover{background-color:#1b1b1b;color:#fefefe}.button.header{background-color:#222;color:#fefefe}.button.header:focus,.button.header:hover{background-color:#1b1b1b;color:#fefefe}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover{background-color:#2ba6cb;color:#fefefe}.button.disabled.primary,.button[disabled].primary{opacity:.25;cursor:not-allowed}.button.disabled.primary,.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#2ba6cb;color:#0a0a0a}.button.disabled.secondary,.button[disabled].secondary{opacity:.25;cursor:not-allowed}.button.disabled.secondary,.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#e9e9e9;color:#0a0a0a}.button.disabled.alert,.button[disabled].alert{opacity:.25;cursor:not-allowed}.button.disabled.alert,.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#c60f13;color:#fefefe}.button.disabled.success,.button[disabled].success{opacity:.25;cursor:not-allowed}.button.disabled.success,.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#5da423;color:#0a0a0a}.button.disabled.warning,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.warning,.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#0a0a0a}.button.disabled.body-font,.button[disabled].body-font{opacity:.25;cursor:not-allowed}.button.disabled.body-font,.button.disabled.body-font:focus,.button.disabled.body-font:hover,.button[disabled].body-font,.button[disabled].body-font:focus,.button[disabled].body-font:hover{background-color:#222;color:#fefefe}.button.disabled.header,.button[disabled].header{opacity:.25;cursor:not-allowed}.button.disabled.header,.button.disabled.header:focus,.button.disabled.header:hover,.button[disabled].header,.button[disabled].header:focus,.button[disabled].header:hover{background-color:#222;color:#fefefe}.button.hollow{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow.disabled,.button.hollow.disabled:focus,.button.hollow.disabled:hover,.button.hollow[disabled],.button.hollow[disabled]:focus,.button.hollow[disabled]:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#165366;color:#165366}.button.hollow:focus.disabled,.button.hollow:focus[disabled],.button.hollow:hover.disabled,.button.hollow:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.primary{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#165366;color:#165366}.button.hollow.primary:focus.disabled,.button.hollow.primary:focus[disabled],.button.hollow.primary:hover.disabled,.button.hollow.primary:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.secondary{border:1px solid #e9e9e9;color:#e9e9e9}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#757575;color:#757575}.button.hollow.secondary:focus.disabled,.button.hollow.secondary:focus[disabled],.button.hollow.secondary:hover.disabled,.button.hollow.secondary:hover[disabled]{border:1px solid #e9e9e9;color:#e9e9e9}.button.hollow.alert{border:1px solid #c60f13;color:#c60f13}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#63080a;color:#63080a}.button.hollow.alert:focus.disabled,.button.hollow.alert:focus[disabled],.button.hollow.alert:hover.disabled,.button.hollow.alert:hover[disabled]{border:1px solid #c60f13;color:#c60f13}.button.hollow.success{border:1px solid #5da423;color:#5da423}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#2f5212;color:#2f5212}.button.hollow.success:focus.disabled,.button.hollow.success:focus[disabled],.button.hollow.success:hover.disabled,.button.hollow.success:hover[disabled]{border:1px solid #5da423;color:#5da423}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.warning:focus.disabled,.button.hollow.warning:focus[disabled],.button.hollow.warning:hover.disabled,.button.hollow.warning:hover[disabled]{border:1px solid #ffae00;color:#ffae00}.button.hollow.body-font{border:1px solid #222;color:#222}.button.hollow.body-font:focus,.button.hollow.body-font:hover{border-color:#111;color:#111}.button.hollow.body-font:focus.disabled,.button.hollow.body-font:focus[disabled],.button.hollow.body-font:hover.disabled,.button.hollow.body-font:hover[disabled]{border:1px solid #222;color:#222}.button.hollow.header{border:1px solid #222;color:#222}.button.hollow.header:focus,.button.hollow.header:hover{border-color:#111;color:#111}.button.hollow.header:focus.disabled,.button.hollow.header:focus[disabled],.button.hollow.header:hover.disabled,.button.hollow.header:hover[disabled]{border:1px solid #222;color:#222}.button.clear{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear,.button.clear:focus,.button.clear:hover{background-color:transparent}.button.clear.disabled,.button.clear.disabled:focus,.button.clear.disabled:hover,.button.clear[disabled],.button.clear[disabled]:focus,.button.clear[disabled]:hover{background-color:transparent}.button.clear:focus,.button.clear:hover{border-color:#165366;color:#165366}.button.clear:focus.disabled,.button.clear:focus[disabled],.button.clear:hover.disabled,.button.clear:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear,.button.clear.disabled,.button.clear:focus,.button.clear:focus.disabled,.button.clear:focus[disabled],.button.clear:hover,.button.clear:hover.disabled,.button.clear:hover[disabled],.button.clear[disabled]{border-color:transparent}.button.clear.primary{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear.primary:focus,.button.clear.primary:hover{border-color:#165366;color:#165366}.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled],.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary:focus,.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled],.button.clear.primary:hover,.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled],.button.clear.primary[disabled]{border-color:transparent}.button.clear.secondary{border:1px solid #e9e9e9;color:#e9e9e9}.button.clear.secondary:focus,.button.clear.secondary:hover{border-color:#757575;color:#757575}.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled],.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled]{border:1px solid #e9e9e9;color:#e9e9e9}.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary:focus,.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled],.button.clear.secondary:hover,.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled],.button.clear.secondary[disabled]{border-color:transparent}.button.clear.alert{border:1px solid #c60f13;color:#c60f13}.button.clear.alert:focus,.button.clear.alert:hover{border-color:#63080a;color:#63080a}.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled],.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled]{border:1px solid #c60f13;color:#c60f13}.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert:focus,.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled],.button.clear.alert:hover,.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled],.button.clear.alert[disabled]{border-color:transparent}.button.clear.success{border:1px solid #5da423;color:#5da423}.button.clear.success:focus,.button.clear.success:hover{border-color:#2f5212;color:#2f5212}.button.clear.success:focus.disabled,.button.clear.success:focus[disabled],.button.clear.success:hover.disabled,.button.clear.success:hover[disabled]{border:1px solid #5da423;color:#5da423}.button.clear.success,.button.clear.success.disabled,.button.clear.success:focus,.button.clear.success:focus.disabled,.button.clear.success:focus[disabled],.button.clear.success:hover,.button.clear.success:hover.disabled,.button.clear.success:hover[disabled],.button.clear.success[disabled]{border-color:transparent}.button.clear.warning{border:1px solid #ffae00;color:#ffae00}.button.clear.warning:focus,.button.clear.warning:hover{border-color:#805700;color:#805700}.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled],.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled]{border:1px solid #ffae00;color:#ffae00}.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning:focus,.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled],.button.clear.warning:hover,.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled],.button.clear.warning[disabled]{border-color:transparent}.button.clear.body-font{border:1px solid #222;color:#222}.button.clear.body-font:focus,.button.clear.body-font:hover{border-color:#111;color:#111}.button.clear.body-font:focus.disabled,.button.clear.body-font:focus[disabled],.button.clear.body-font:hover.disabled,.button.clear.body-font:hover[disabled]{border:1px solid #222;color:#222}.button.clear.body-font,.button.clear.body-font.disabled,.button.clear.body-font:focus,.button.clear.body-font:focus.disabled,.button.clear.body-font:focus[disabled],.button.clear.body-font:hover,.button.clear.body-font:hover.disabled,.button.clear.body-font:hover[disabled],.button.clear.body-font[disabled]{border-color:transparent}.button.clear.header{border:1px solid #222;color:#222}.button.clear.header:focus,.button.clear.header:hover{border-color:#111;color:#111}.button.clear.header:focus.disabled,.button.clear.header:focus[disabled],.button.clear.header:hover.disabled,.button.clear.header:hover[disabled]{border:1px solid #222;color:#222}.button.clear.header,.button.clear.header.disabled,.button.clear.header:focus,.button.clear.header:focus.disabled,.button.clear.header:focus[disabled],.button.clear.header:hover,.button.clear.header:hover.disabled,.button.clear.header:hover[disabled],.button.clear.header[disabled]{border-color:transparent}.button.dropdown::after{display:block;width:0;height:0;border:inset .4em;content:'';border-bottom-width:0;border-top-style:solid;border-color:#fefefe transparent transparent;position:relative;top:.4em;display:inline-block;float:right;margin-left:1em}.button.dropdown.hollow::after{border-top-color:#2ba6cb}.button.dropdown.hollow.primary::after{border-top-color:#2ba6cb}.button.dropdown.hollow.secondary::after{border-top-color:#e9e9e9}.button.dropdown.hollow.alert::after{border-top-color:#c60f13}.button.dropdown.hollow.success::after{border-top-color:#5da423}.button.dropdown.hollow.warning::after{border-top-color:#ffae00}.button.dropdown.hollow.body-font::after{border-top-color:#222}.button.dropdown.hollow.header::after{border-top-color:#222}.button.arrow-only::after{top:-.1em;float:none;margin-left:0}a.button:focus,a.button:hover{text-decoration:none}.close-button{position:absolute;color:#8a8a8a;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.close-button.small{right:.66rem;top:.33em;font-size:1.5em;line-height:1}.close-button,.close-button.medium{right:1rem;top:.5rem;font-size:2em;line-height:1}.button-group{margin-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.button-group::after,.button-group::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.button-group::after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;-ms-flex:0 0 auto;flex:0 0 auto}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{-ms-flex:1 1 0px;flex:1 1 0px}.button-group.primary .button{background-color:#2ba6cb;color:#0a0a0a}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#2285a2;color:#0a0a0a}.button-group.secondary .button{background-color:#e9e9e9;color:#0a0a0a}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#bababa;color:#0a0a0a}.button-group.alert .button{background-color:#c60f13;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#9e0c0f;color:#fefefe}.button-group.success .button{background-color:#5da423;color:#0a0a0a}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#4a831c;color:#0a0a0a}.button-group.warning .button{background-color:#ffae00;color:#0a0a0a}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#0a0a0a}.button-group.body-font .button{background-color:#222;color:#fefefe}.button-group.body-font .button:focus,.button-group.body-font .button:hover{background-color:#1b1b1b;color:#fefefe}.button-group.header .button{background-color:#222;color:#fefefe}.button-group.header .button:focus,.button-group.header .button:hover{background-color:#1b1b1b;color:#fefefe}.button-group.stacked,.button-group.stacked-for-medium,.button-group.stacked-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group.stacked .button,.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button{-ms-flex:0 0 100%;flex:0 0 100%}.button-group.stacked .button:last-child,.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child{margin-bottom:0}@media print,screen and (min-width:40em){.button-group.stacked-for-small .button{-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media print,screen and (min-width:64em){.button-group.stacked-for-medium .button{-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;transition:all .2s ease-in-out}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;border-radius:3px;background-color:#2ba6cb;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#258dad}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-ms-transform:scale(1,-1);transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-ms-transform:translateX(-50%);transform:translateX(-50%)}.switch{height:2rem;position:relative;margin-bottom:1rem;outline:0;font-size:.875rem;font-weight:700;color:#fefefe;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch-input{position:absolute;margin-bottom:0;opacity:0}.switch-paddle{position:relative;display:block;width:4rem;height:2rem;border-radius:3px;background:#cacaca;transition:all .25s ease-out;font-weight:inherit;color:inherit;cursor:pointer}input+.switch-paddle{margin:0}.switch-paddle::after{position:absolute;top:.25rem;left:.25rem;display:block;width:1.5rem;height:1.5rem;transform:translate3d(0,0,0);border-radius:3px;background:#fefefe;transition:all .25s ease-out;content:''}input:checked~.switch-paddle{background:#2ba6cb}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{top:.25rem;left:.25rem;width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle::after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{top:.25rem;left:.25rem;width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle::after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{top:.25rem;left:.25rem;width:2rem;height:2rem}.switch.large input:checked~.switch-paddle::after{left:2.75rem}.menu{padding:0;margin:0;list-style:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-whatinput=mouse] .menu li{outline:0}.menu .button,.menu a{line-height:1;text-decoration:none;display:block;padding:.7rem 1rem}.menu a,.menu button,.menu input,.menu select{margin-bottom:0}.menu input{display:inline-block}.menu,.menu.horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.simple{-ms-flex-align:center;align-items:center}.menu.simple li+li{margin-left:1rem}.menu.simple a{padding:0}@media print,screen and (min-width:40em){.menu.medium-horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.medium-vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.medium-expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.medium-simple li{-ms-flex:1 1 0px;flex:1 1 0px}}@media print,screen and (min-width:64em){.menu.large-horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.large-vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.large-expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.large-simple li{-ms-flex:1 1 0px;flex:1 1 0px}}.menu.nested{margin-right:0;margin-left:1rem}.menu.icons a{display:-ms-flexbox;display:flex}.menu.icon-bottom a,.menu.icon-left a,.menu.icon-right a,.menu.icon-top a{display:-ms-flexbox;display:flex}.menu.icon-left li a{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu.icon-left li a i,.menu.icon-left li a img,.menu.icon-left li a svg{margin-right:.25rem}.menu.icon-right li a{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu.icon-right li a i,.menu.icon-right li a img,.menu.icon-right li a svg{margin-left:.25rem}.menu.icon-top li a{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu.icon-top li a i,.menu.icon-top li a img,.menu.icon-top li a svg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;margin-bottom:.25rem;text-align:center}.menu.icon-bottom li a{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu.icon-bottom li a i,.menu.icon-bottom li a img,.menu.icon-bottom li a svg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;margin-bottom:.25rem;text-align:center}.menu .is-active>a{background:#2ba6cb;color:#fefefe}.menu .active>a{background:#2ba6cb;color:#fefefe}.menu.align-left{-ms-flex-pack:start;justify-content:flex-start}.menu.align-right li{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.menu.align-right li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.menu.align-right.vertical li{display:block;text-align:right}.menu.align-right.vertical li .submenu li{text-align:right}.menu.align-right .nested{margin-right:1rem;margin-left:0}.menu.align-center li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.menu.align-center li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.menu .menu-text{padding:.7rem 1rem;font-weight:700;line-height:1;color:inherit}.menu-centered>.menu{-ms-flex-pack:center;justify-content:center}.menu-centered>.menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.menu-centered>.menu li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.no-js [data-responsive-menu] ul{display:none}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block}.is-drilldown.animate-height{transition:height .5s}.drilldown a{padding:.7rem 1rem;background:#fefefe}.drilldown .is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;width:100%;background:#fefefe;transition:transform .15s linear}.drilldown .is-drilldown-submenu.is-active{z-index:1;display:block;-ms-transform:translateX(-100%);transform:translateX(-100%)}.drilldown .is-drilldown-submenu.is-closing{-ms-transform:translateX(100%);transform:translateX(100%)}.drilldown .is-drilldown-submenu a{padding:.7rem 1rem}.drilldown .nested.is-drilldown-submenu{margin-right:0;margin-left:0}.drilldown .drilldown-submenu-cover-previous{min-height:100%}.drilldown .is-drilldown-submenu-parent>a{position:relative}.drilldown .is-drilldown-submenu-parent>a::after{position:absolute;top:50%;margin-top:-6px;right:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.drilldown.align-left .is-drilldown-submenu-parent>a::after{left:auto;right:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.drilldown.align-right .is-drilldown-submenu-parent>a::after{right:auto;left:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.drilldown .js-drilldown-back>a::before{display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem;border-left-width:0}.accordion-menu li{width:100%}.accordion-menu a{padding:.7rem 1rem}.accordion-menu .is-accordion-submenu a{padding:.7rem 1rem}.accordion-menu .nested.is-accordion-submenu{margin-right:0;margin-left:1rem}.accordion-menu.align-right .nested.is-accordion-submenu{margin-right:1rem;margin-left:0}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a{position:relative}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;position:absolute;top:50%;margin-top:-3px;right:1rem}.accordion-menu.align-left .is-accordion-submenu-parent>a::after{left:auto;right:1rem}.accordion-menu.align-right .is-accordion-submenu-parent>a::after{right:auto;left:1rem}.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after{-ms-transform:rotate(180deg);transform:rotate(180deg);-ms-transform-origin:50% 50%;transform-origin:50% 50%}.is-accordion-submenu-parent{position:relative}.has-submenu-toggle>a{margin-right:40px}.submenu-toggle{position:absolute;top:0;right:0;cursor:pointer;width:40px;height:40px}.submenu-toggle::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;top:0;bottom:0;margin:auto}.submenu-toggle[aria-expanded=true]::after{-ms-transform:scaleY(-1);transform:scaleY(-1);-ms-transform-origin:50% 50%;transform-origin:50% 50%}.submenu-toggle-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.dropdown.menu>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu a{padding:.7rem 1rem}[data-whatinput=mouse] .dropdown.menu a{outline:0}.dropdown.menu .is-active>a{background:0 0;color:#2ba6cb}.no-js .dropdown.menu ul{display:none}.dropdown.menu .nested.is-dropdown-submenu{margin-right:0;margin-left:0}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a::after{right:14px}.dropdown.menu.vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}@media print,screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a::after{right:14px}.dropdown.menu.medium-vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.medium-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}}@media print,screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a::after{right:14px}.dropdown.menu.large-vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.large-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;right:0;left:auto}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a::after{position:absolute;top:50%;right:5px;left:auto;margin-top:-6px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{right:100%;left:auto}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{position:absolute;top:0;left:100%;z-index:1;display:none;min-width:200px;border:1px solid #cacaca;background:#fefefe}.dropdown .is-dropdown-submenu a{padding:.7rem 1rem}.is-dropdown-submenu .is-dropdown-submenu-parent>a::after{right:14px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.title-bar{padding:.5rem;background:#0a0a0a;color:#fefefe;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{-ms-flex:1 1 0px;flex:1 1 0px}.title-bar-right{text-align:right}.title-bar-title{display:inline-block;vertical-align:middle;font-weight:700}.top-bar{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media print,screen and (min-width:40em){.top-bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-bar .top-bar-left{-ms-flex:1 1 auto;flex:1 1 auto;margin-right:auto}.top-bar .top-bar-right{-ms-flex:0 1 auto;flex:0 1 auto;margin-left:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.top-bar-title{-ms-flex:0 0 auto;flex:0 0 auto;margin:.5rem 1rem .5rem 0}.top-bar-left,.top-bar-right{-ms-flex:0 0 auto;flex:0 0 auto}.breadcrumbs{margin:0 0 1rem 0;list-style:none}.breadcrumbs::after,.breadcrumbs::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.breadcrumbs::after{clear:both}.breadcrumbs li{float:left;font-size:.6875rem;color:#0a0a0a;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{position:relative;margin:0 .75rem;opacity:1;content:"/";color:#cacaca}.breadcrumbs a{color:#2ba6cb}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.pagination::after{clear:both}.pagination li{margin-right:.0625rem;border-radius:3px;font-size:.875rem;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media print,screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{display:block;padding:.1875rem .625rem;border-radius:3px;color:#0a0a0a}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2ba6cb;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:0 0}.pagination .ellipsis::after{padding:.1875rem .625rem;content:'\2026';color:#0a0a0a}.pagination-previous a::before,.pagination-previous.disabled::before{display:inline-block;margin-right:.5rem;content:'\00ab'}.pagination-next a::after,.pagination-next.disabled::after{display:inline-block;margin-left:.5rem;content:'\00bb'}.accordion{margin-left:0;background:#fefefe;list-style-type:none}.accordion[disabled] .accordion-title{cursor:not-allowed}.accordion-item:first-child>:first-child{border-radius:3px 3px 0 0}.accordion-item:last-child>:last-child{border-radius:0 0 3px 3px}.accordion-title{position:relative;display:block;padding:1.25rem 1rem;border:1px solid #e6e6e6;border-bottom:0;font-size:.75rem;line-height:1;color:#2ba6cb}:last-child:not(.is-active)>.accordion-title{border-bottom:1px solid #e6e6e6;border-radius:0 0 3px 3px}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title::before{position:absolute;top:50%;right:1rem;margin-top:-.5rem;content:'+'}.is-active>.accordion-title::before{content:'\2013'}.accordion-content{display:none;padding:1rem;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.dropdown-pane{position:absolute;z-index:10;width:300px;padding:1rem;visibility:hidden;display:none;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;font-size:1rem}.dropdown-pane.is-opening{display:block}.dropdown-pane.is-open{visibility:visible;display:block}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.is-off-canvas-open{overflow:hidden}.js-off-canvas-overlay{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .5s ease,visibility .5s ease;background:rgba(254,254,254,.25);opacity:0;visibility:hidden;overflow:hidden}.js-off-canvas-overlay.is-visible{opacity:1;visibility:visible}.js-off-canvas-overlay.is-closable{cursor:pointer}.js-off-canvas-overlay.is-overlay-absolute{position:absolute}.js-off-canvas-overlay.is-overlay-fixed{position:fixed}.off-canvas-wrapper{position:relative;overflow:hidden}.off-canvas{position:fixed;z-index:12;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.is-transition-push{z-index:12}.off-canvas.is-closed{visibility:hidden}.off-canvas.is-transition-overlap{z-index:13}.off-canvas.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,.7)}.off-canvas.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-absolute{position:absolute;z-index:12;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6}[data-whatinput=mouse] .off-canvas-absolute{outline:0}.off-canvas-absolute.is-transition-push{z-index:12}.off-canvas-absolute.is-closed{visibility:hidden}.off-canvas-absolute.is-transition-overlap{z-index:13}.off-canvas-absolute.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,.7)}.off-canvas-absolute.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.position-left{top:0;left:0;height:100%;overflow-y:auto;width:250px;-ms-transform:translateX(-250px);transform:translateX(-250px)}.off-canvas-content .off-canvas.position-left{-ms-transform:translateX(-250px);transform:translateX(-250px)}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-left.has-transition-push{-ms-transform:translateX(250px);transform:translateX(250px)}.position-left.is-transition-push{box-shadow:inset -13px 0 20px -13px rgba(10,10,10,.25)}.position-right{top:0;right:0;height:100%;overflow-y:auto;width:250px;-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas-content .off-canvas.position-right{-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-right.has-transition-push{-ms-transform:translateX(-250px);transform:translateX(-250px)}.position-right.is-transition-push{box-shadow:inset 13px 0 20px -13px rgba(10,10,10,.25)}.position-top{top:0;left:0;width:100%;overflow-x:auto;height:250px;-ms-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top{-ms-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-top.has-transition-push{-ms-transform:translateY(250px);transform:translateY(250px)}.position-top.is-transition-push{box-shadow:inset 0 -13px 20px -13px rgba(10,10,10,.25)}.position-bottom{bottom:0;left:0;width:100%;overflow-x:auto;height:250px;-ms-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom{-ms-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-bottom.has-transition-push{-ms-transform:translateY(-250px);transform:translateY(-250px)}.position-bottom.is-transition-push{box-shadow:inset 0 13px 20px -13px rgba(10,10,10,.25)}.off-canvas-content{-ms-transform:none;transform:none;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.off-canvas-content.has-transition-push{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content .off-canvas.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}@media print,screen and (min-width:40em){.position-left.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-medium .close-button{display:none}.off-canvas-content .position-left.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-left{margin-left:250px}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-medium .close-button{display:none}.off-canvas-content .position-right.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-right{margin-right:250px}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}.position-top.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-medium .close-button{display:none}.off-canvas-content .position-top.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-top{margin-top:250px}.position-top.reveal-for-medium~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-medium .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:250px}.position-bottom.reveal-for-medium~.off-canvas-content{margin-bottom:250px}}@media print,screen and (min-width:64em){.position-left.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-large .close-button{display:none}.off-canvas-content .position-left.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-left{margin-left:250px}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-large .close-button{display:none}.off-canvas-content .position-right.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-right{margin-right:250px}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}.position-top.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-large .close-button{display:none}.off-canvas-content .position-top.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-top{margin-top:250px}.position-top.reveal-for-large~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-large .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:250px}.position-bottom.reveal-for-large~.off-canvas-content{margin-bottom:250px}}@media print,screen and (min-width:40em){.off-canvas.in-canvas-for-medium{visibility:visible;height:auto;position:static;background:inherit;width:inherit;overflow:inherit;transition:inherit}.off-canvas.in-canvas-for-medium.position-bottom,.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top{box-shadow:none;-ms-transform:none;transform:none}.off-canvas.in-canvas-for-medium .close-button{display:none}}@media print,screen and (min-width:64em){.off-canvas.in-canvas-for-large{visibility:visible;height:auto;position:static;background:inherit;width:inherit;overflow:inherit;transition:inherit}.off-canvas.in-canvas-for-large.position-bottom,.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top{box-shadow:none;-ms-transform:none;transform:none}.off-canvas.in-canvas-for-large .close-button{display:none}}.tabs{margin:0;border:1px solid #e6e6e6;background:#fefefe;list-style-type:none}.tabs::after,.tabs::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.tabs::after{clear:both}.tabs.vertical>li{display:block;float:none;width:auto}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.primary{background:#2ba6cb}.tabs.primary>li>a{color:#0a0a0a}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#299ec1}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;font-size:.75rem;line-height:1;color:#2ba6cb}.tabs-title>a:hover{background:#fefefe;color:#258faf}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6;color:#2ba6cb}.tabs-content{border:1px solid #e6e6e6;border-top:0;background:#fefefe;color:#0a0a0a;transition:all .5s ease}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.callout{position:relative;margin:0 0 1rem 0;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:3px;background-color:#fff;color:#0a0a0a}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def2f8;color:#0a0a0a}.callout.secondary{background-color:#fcfcfc;color:#0a0a0a}.callout.alert{background-color:#fcd6d6;color:#0a0a0a}.callout.success{background-color:#e6f7d9;color:#0a0a0a}.callout.warning{background-color:#fff3d9;color:#0a0a0a}.callout.body-font{background-color:#dedede;color:#0a0a0a}.callout.header{background-color:#dedede;color:#0a0a0a}.callout.small{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.callout.large{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-bottom:1rem;border:1px solid #e6e6e6;border-radius:3px;background:#fefefe;box-shadow:none;overflow:hidden;color:#0a0a0a}.card>:last-child{margin-bottom:0}.card-divider{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;padding:1rem;background:#e6e6e6}.card-divider>:last-child{margin-bottom:0}.card-section{-ms-flex:1 0 auto;flex:1 0 auto;padding:1rem}.card-section>:last-child{margin-bottom:0}.card-image{min-height:1px}.media-object{display:-ms-flexbox;display:flex;margin-bottom:1rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{-ms-flex:0 1 auto;flex:0 1 auto}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.main-section{-ms-flex:1 1 0px;flex:1 1 0px}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:none;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{z-index:1006;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;padding:1rem;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;position:relative;top:100px;margin-right:auto;margin-left:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media print,screen and (min-width:40em){.reveal{min-height:0}}.reveal .column{min-width:0}.reveal>:last-child{margin-bottom:0}@media print,screen and (min-width:40em){.reveal{width:600px;max-width:62.5rem}}.reveal.collapse{padding:0}@media print,screen and (min-width:40em){.reveal.tiny{width:30%;max-width:62.5rem}}@media print,screen and (min-width:40em){.reveal.small{width:50%;max-width:62.5rem}}@media print,screen and (min-width:40em){.reveal.large{width:90%;max-width:62.5rem}}.reveal.full{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}table{border-collapse:collapse;width:100%;margin-bottom:1rem;border-radius:3px}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{padding:.5rem .625rem .625rem;font-weight:700}table thead{background:#f8f8f8;color:#0a0a0a}table tfoot{background:#f1f1f1;color:#0a0a0a}table tfoot tr,table thead tr{background:0 0}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody td,table tbody th{padding:.5rem .625rem .625rem}table tbody tr:nth-child(even){border-bottom:0;background-color:#f1f1f1}table.unstriped tbody{background-color:#fefefe}table.unstriped tbody tr{border-bottom:0;border-bottom:1px solid #f1f1f1;background-color:#fefefe}@media screen and (max-width:63.9375em){table.stack thead{display:none}table.stack tfoot{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover:not(.unstriped) tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.badge{display:inline-block;min-width:2.1em;padding:.3em;border-radius:50%;font-size:.6rem;text-align:center;background:#2ba6cb;color:#fefefe}.badge.primary{background:#2ba6cb;color:#0a0a0a}.badge.secondary{background:#e9e9e9;color:#0a0a0a}.badge.alert{background:#c60f13;color:#fefefe}.badge.success{background:#5da423;color:#0a0a0a}.badge.warning{background:#ffae00;color:#0a0a0a}.badge.body-font{background:#222;color:#fefefe}.badge.header{background:#222;color:#fefefe}.label{display:inline-block;padding:.33333rem .5rem;border-radius:3px;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;background:#2ba6cb;color:#fefefe}.label.primary{background:#2ba6cb;color:#0a0a0a}.label.secondary{background:#e9e9e9;color:#0a0a0a}.label.alert{background:#c60f13;color:#fefefe}.label.success{background:#5da423;color:#0a0a0a}.label.warning{background:#ffae00;color:#0a0a0a}.label.body-font{background:#222;color:#fefefe}.label.header{background:#222;color:#fefefe}.progress{height:1rem;margin-bottom:1rem;border-radius:3px;background-color:#cacaca}.progress.primary .progress-meter{background-color:#2ba6cb}.progress.secondary .progress-meter{background-color:#e9e9e9}.progress.alert .progress-meter{background-color:#c60f13}.progress.success .progress-meter{background-color:#5da423}.progress.warning .progress-meter{background-color:#ffae00}.progress.body-font .progress-meter{background-color:#222}.progress.header .progress-meter{background-color:#222}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2ba6cb;border-radius:3px}.progress-meter-text{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap;border-radius:3px}.has-tip{position:relative;display:inline-block;border-bottom:dotted 1px #8a8a8a;font-weight:700;cursor:help}.tooltip{position:absolute;top:calc(100% + .6495rem);z-index:1200;max-width:10rem;padding:.75rem;border-radius:3px;background-color:#0a0a0a;font-size:80%;color:#fefefe}.tooltip::before{position:absolute}.tooltip.bottom::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-top-width:0;border-bottom-style:solid;border-color:transparent transparent #0a0a0a;bottom:100%}.tooltip.bottom.align-center::before{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-bottom-width:0;border-top-style:solid;border-color:#0a0a0a transparent transparent;top:100%;bottom:auto}.tooltip.top.align-center::before{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.left::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #0a0a0a;left:100%}.tooltip.left.align-center::before{bottom:auto;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #0a0a0a transparent transparent;right:100%;left:auto}.tooltip.right.align-center::before{bottom:auto;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.align-top::before{bottom:auto;top:10%}.tooltip.align-bottom::before{bottom:10%;top:auto}.tooltip.align-left::before{left:10%;right:auto}.tooltip.align-right::before{left:auto;right:10%}.flex-video,.responsive-embed{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video,.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen,.responsive-embed.widescreen{padding-bottom:56.25%}.orbit{position:relative}.orbit-container{position:relative;height:0;margin:0;list-style:none;overflow:hidden}.orbit-slide{width:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{width:100%;max-width:100%;margin:0}.orbit-caption{position:absolute;bottom:0;width:100%;margin-bottom:0;padding:1rem;background-color:rgba(10,10,10,.5);color:#fefefe}.orbit-next,.orbit-previous{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;padding:1rem;color:#fefefe}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;border-radius:50%;background-color:#cacaca}.orbit-bullets button:hover{background-color:#8a8a8a}.orbit-bullets button.is-active{background-color:#8a8a8a}.thumbnail{display:inline-block;max-width:100%;margin-bottom:1rem;border:solid 4px #fefefe;border-radius:3px;box-shadow:0 0 0 1px rgba(10,10,10,.2);line-height:0}a.thumbnail{transition:box-shadow .2s ease-out}a.thumbnail:focus,a.thumbnail:hover{box-shadow:0 0 6px 1px rgba(43,166,203,.5)}a.thumbnail image{box-shadow:none}.sticky-container{position:relative}.sticky{position:relative;z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5;width:100%}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:relative;right:auto;left:auto}.sticky.is-anchored.is-at-bottom{bottom:0}.grid-container{padding-right:.9375rem;padding-left:.9375rem;max-width:62.5rem;margin:0 auto}.grid-container.fluid{padding-right:.9375rem;padding-left:.9375rem;max-width:100%;margin:0 auto}.grid-container.full{padding-right:0;padding-left:0;max-width:100%;margin:0 auto}.grid-x{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.cell{-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%}.cell.auto{-ms-flex:1 1 0px;flex:1 1 0px}.cell.shrink{-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.auto{width:auto}.grid-x>.shrink{width:auto}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-full,.grid-x>.small-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-full,.grid-x>.medium-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-full,.grid-x>.large-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-1{width:8.33333%}.grid-x>.small-2{width:16.66667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.33333%}.grid-x>.small-5{width:41.66667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.33333%}.grid-x>.small-8{width:66.66667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.33333%}.grid-x>.small-11{width:91.66667%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:40em){.grid-x>.medium-auto{-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.medium-shrink{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.grid-x>.medium-1{width:8.33333%}.grid-x>.medium-2{width:16.66667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.33333%}.grid-x>.medium-5{width:41.66667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.33333%}.grid-x>.medium-8{width:66.66667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.33333%}.grid-x>.medium-11{width:91.66667%}.grid-x>.medium-12{width:100%}}@media print,screen and (min-width:64em){.grid-x>.large-auto{-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.large-shrink{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.grid-x>.large-1{width:8.33333%}.grid-x>.large-2{width:16.66667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.33333%}.grid-x>.large-5{width:41.66667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.33333%}.grid-x>.large-8{width:66.66667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.33333%}.grid-x>.large-11{width:91.66667%}.grid-x>.large-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-y:not(.grid-y)>.cell{height:auto}.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}.grid-margin-x>.auto{width:auto}.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x>.medium-auto{width:auto}.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x>.large-auto{width:auto}.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.grid-padding-x .grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}.grid-container:not(.full)>.grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}.grid-padding-x>.cell{padding-right:.9375rem;padding-left:.9375rem}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.33333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.66667%}.small-up-7>.cell{width:14.28571%}.small-up-8>.cell{width:12.5%}@media print,screen and (min-width:40em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.33333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.66667%}.medium-up-7>.cell{width:14.28571%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (min-width:64em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.33333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.66667%}.large-up-7>.cell{width:14.28571%}.large-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}.small-margin-collapse{margin-right:0;margin-left:0}.small-margin-collapse>.cell{margin-right:0;margin-left:0}.small-margin-collapse>.small-1{width:8.33333%}.small-margin-collapse>.small-2{width:16.66667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.33333%}.small-margin-collapse>.small-5{width:41.66667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.33333%}.small-margin-collapse>.small-8{width:66.66667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.33333%}.small-margin-collapse>.small-11{width:91.66667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (min-width:40em){.small-margin-collapse>.medium-1{width:8.33333%}.small-margin-collapse>.medium-2{width:16.66667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.33333%}.small-margin-collapse>.medium-5{width:41.66667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.33333%}.small-margin-collapse>.medium-8{width:66.66667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.33333%}.small-margin-collapse>.medium-11{width:91.66667%}.small-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.small-margin-collapse>.large-1{width:8.33333%}.small-margin-collapse>.large-2{width:16.66667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.33333%}.small-margin-collapse>.large-5{width:41.66667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.33333%}.small-margin-collapse>.large-8{width:66.66667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.33333%}.small-margin-collapse>.large-11{width:91.66667%}.small-margin-collapse>.large-12{width:100%}}.small-padding-collapse{margin-right:0;margin-left:0}.small-padding-collapse>.cell{padding-right:0;padding-left:0}@media print,screen and (min-width:40em){.medium-margin-collapse{margin-right:0;margin-left:0}.medium-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:40em){.medium-margin-collapse>.small-1{width:8.33333%}.medium-margin-collapse>.small-2{width:16.66667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.33333%}.medium-margin-collapse>.small-5{width:41.66667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.33333%}.medium-margin-collapse>.small-8{width:66.66667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.33333%}.medium-margin-collapse>.small-11{width:91.66667%}.medium-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:40em){.medium-margin-collapse>.medium-1{width:8.33333%}.medium-margin-collapse>.medium-2{width:16.66667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.33333%}.medium-margin-collapse>.medium-5{width:41.66667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.33333%}.medium-margin-collapse>.medium-8{width:66.66667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.33333%}.medium-margin-collapse>.medium-11{width:91.66667%}.medium-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.medium-margin-collapse>.large-1{width:8.33333%}.medium-margin-collapse>.large-2{width:16.66667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.33333%}.medium-margin-collapse>.large-5{width:41.66667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.33333%}.medium-margin-collapse>.large-8{width:66.66667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.33333%}.medium-margin-collapse>.large-11{width:91.66667%}.medium-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:40em){.medium-padding-collapse{margin-right:0;margin-left:0}.medium-padding-collapse>.cell{padding-right:0;padding-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse{margin-right:0;margin-left:0}.large-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse>.small-1{width:8.33333%}.large-margin-collapse>.small-2{width:16.66667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.33333%}.large-margin-collapse>.small-5{width:41.66667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.33333%}.large-margin-collapse>.small-8{width:66.66667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.33333%}.large-margin-collapse>.small-11{width:91.66667%}.large-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.medium-1{width:8.33333%}.large-margin-collapse>.medium-2{width:16.66667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.33333%}.large-margin-collapse>.medium-5{width:41.66667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.33333%}.large-margin-collapse>.medium-8{width:66.66667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.33333%}.large-margin-collapse>.medium-11{width:91.66667%}.large-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.large-1{width:8.33333%}.large-margin-collapse>.large-2{width:16.66667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.33333%}.large-margin-collapse>.large-5{width:41.66667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.33333%}.large-margin-collapse>.large-8{width:66.66667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.33333%}.large-margin-collapse>.large-11{width:91.66667%}.large-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:64em){.large-padding-collapse{margin-right:0;margin-left:0}.large-padding-collapse>.cell{padding-right:0;padding-left:0}}.small-offset-0{margin-left:0}.grid-margin-x>.small-offset-0{margin-left:calc(0% + .9375rem)}.small-offset-1{margin-left:8.33333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .9375rem)}.small-offset-2{margin-left:16.66667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.66667% + .9375rem)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + .9375rem)}.small-offset-4{margin-left:33.33333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.33333% + .9375rem)}.small-offset-5{margin-left:41.66667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.66667% + .9375rem)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + .9375rem)}.small-offset-7{margin-left:58.33333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.33333% + .9375rem)}.small-offset-8{margin-left:66.66667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.66667% + .9375rem)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + .9375rem)}.small-offset-10{margin-left:83.33333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.33333% + .9375rem)}.small-offset-11{margin-left:91.66667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.66667% + .9375rem)}@media print,screen and (min-width:40em){.medium-offset-0{margin-left:0}.grid-margin-x>.medium-offset-0{margin-left:calc(0% + .9375rem)}.medium-offset-1{margin-left:8.33333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.66667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.66667% + .9375rem)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + .9375rem)}.medium-offset-4{margin-left:33.33333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.33333% + .9375rem)}.medium-offset-5{margin-left:41.66667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.66667% + .9375rem)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + .9375rem)}.medium-offset-7{margin-left:58.33333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.33333% + .9375rem)}.medium-offset-8{margin-left:66.66667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.66667% + .9375rem)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + .9375rem)}.medium-offset-10{margin-left:83.33333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.33333% + .9375rem)}.medium-offset-11{margin-left:91.66667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.66667% + .9375rem)}}@media print,screen and (min-width:64em){.large-offset-0{margin-left:0}.grid-margin-x>.large-offset-0{margin-left:calc(0% + .9375rem)}.large-offset-1{margin-left:8.33333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.66667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.66667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-4{margin-left:33.33333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.33333% + .9375rem)}.large-offset-5{margin-left:41.66667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.66667% + .9375rem)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + .9375rem)}.large-offset-7{margin-left:58.33333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.33333% + .9375rem)}.large-offset-8{margin-left:66.66667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.66667% + .9375rem)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + .9375rem)}.large-offset-10{margin-left:83.33333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.33333% + .9375rem)}.large-offset-11{margin-left:91.66667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.66667% + .9375rem)}}.grid-y{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.grid-y>.cell{width:auto}.grid-y>.auto{height:auto}.grid-y>.shrink{height:auto}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-full,.grid-y>.small-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-full,.grid-y>.medium-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-full,.grid-y>.large-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-y>.small-1{height:8.33333%}.grid-y>.small-2{height:16.66667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.33333%}.grid-y>.small-5{height:41.66667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.33333%}.grid-y>.small-8{height:66.66667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.33333%}.grid-y>.small-11{height:91.66667%}.grid-y>.small-12{height:100%}@media print,screen and (min-width:40em){.grid-y>.medium-auto{-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.33333%}.grid-y>.medium-2{height:16.66667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.33333%}.grid-y>.medium-5{height:41.66667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.33333%}.grid-y>.medium-8{height:66.66667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.33333%}.grid-y>.medium-11{height:91.66667%}.grid-y>.medium-12{height:100%}}@media print,screen and (min-width:64em){.grid-y>.large-auto{-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.33333%}.grid-y>.large-2{height:16.66667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.33333%}.grid-y>.large-5{height:41.66667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.33333%}.grid-y>.large-8{height:66.66667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.33333%}.grid-y>.large-11{height:91.66667%}.grid-y>.large-12{height:100%}}.grid-padding-y .grid-padding-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-padding-y>.cell{padding-top:.9375rem;padding-bottom:.9375rem}.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .grid-frame{width:100%}.cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media print,screen and (min-width:40em){.medium-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .medium-grid-frame{width:100%}.medium-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.medium-cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.medium-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.medium-cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}}@media print,screen and (min-width:64em){.large-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .large-grid-frame{width:100%}.large-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.large-cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.large-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.large-cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}}.grid-y.grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}@media print,screen and (min-width:40em){.grid-y.medium-grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}}@media print,screen and (min-width:64em){.grid-y.large-grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (min-width:40em){.cell .grid-y.medium-grid-frame{height:100%}}@media print,screen and (min-width:64em){.cell .grid-y.large-grid-frame{height:100%}}.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}.align-right{-ms-flex-pack:end;justify-content:flex-end}.align-center{-ms-flex-pack:center;justify-content:center}.align-justify{-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-ms-flex-pack:distribute;justify-content:space-around}.align-right.vertical.menu>li>a{-ms-flex-pack:end;justify-content:flex-end}.align-center.vertical.menu>li>a{-ms-flex-pack:center;justify-content:center}.align-top{-ms-flex-align:start;align-items:flex-start}.align-self-top{-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-ms-flex-item-align:end;align-self:flex-end}.align-middle{-ms-flex-align:center;align-items:center}.align-self-middle{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-stretch{-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.align-center-middle{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.small-order-1{-ms-flex-order:1;order:1}.small-order-2{-ms-flex-order:2;order:2}.small-order-3{-ms-flex-order:3;order:3}.small-order-4{-ms-flex-order:4;order:4}.small-order-5{-ms-flex-order:5;order:5}.small-order-6{-ms-flex-order:6;order:6}@media print,screen and (min-width:40em){.medium-order-1{-ms-flex-order:1;order:1}.medium-order-2{-ms-flex-order:2;order:2}.medium-order-3{-ms-flex-order:3;order:3}.medium-order-4{-ms-flex-order:4;order:4}.medium-order-5{-ms-flex-order:5;order:5}.medium-order-6{-ms-flex-order:6;order:6}}@media print,screen and (min-width:64em){.large-order-1{-ms-flex-order:1;order:1}.large-order-2{-ms-flex-order:2;order:2}.large-order-3{-ms-flex-order:3;order:3}.large-order-4{-ms-flex-order:4;order:4}.large-order-5{-ms-flex-order:5;order:5}.large-order-6{-ms-flex-order:6;order:6}}.flex-container{display:-ms-flexbox;display:flex}.flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.flex-dir-row{-ms-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-ms-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media print,screen and (min-width:40em){.medium-flex-container{display:-ms-flexbox;display:flex}.medium-flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.medium-flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.medium-flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.medium-flex-dir-row{-ms-flex-direction:row;flex-direction:row}.medium-flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.medium-flex-dir-column{-ms-flex-direction:column;flex-direction:column}.medium-flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media print,screen and (min-width:64em){.large-flex-container{display:-ms-flexbox;display:flex}.large-flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.large-flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.large-flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.large-flex-dir-row{-ms-flex-direction:row;flex-direction:row}.large-flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.large-flex-dir-column{-ms-flex-direction:column;flex-direction:column}.large-flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.menu-icon{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon::after{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background:#fefefe;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;content:''}.menu-icon:hover::after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon.dark::after{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background:#0a0a0a;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;content:''}.menu-icon.dark:hover::after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.slide-in-down.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(-100%);transform:translateY(-100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-down.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-left.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(-100%);transform:translateX(-100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-left.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-in-up.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(100%);transform:translateY(100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-up.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-right.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(100%);transform:translateX(100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-right.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(0);transform:translateY(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-down.mui-leave.mui-leave-active{-ms-transform:translateY(100%);transform:translateY(100%)}.slide-out-right.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(0);transform:translateX(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-right.mui-leave.mui-leave-active{-ms-transform:translateX(100%);transform:translateX(100%)}.slide-out-up.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(0);transform:translateY(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-up.mui-leave.mui-leave-active{-ms-transform:translateY(-100%);transform:translateY(-100%)}.slide-out-left.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(0);transform:translateX(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-left.mui-leave.mui-leave-active{-ms-transform:translateX(-100%);transform:translateX(-100%)}.fade-in.mui-enter{transition-duration:.5s;transition-timing-function:linear;opacity:0;transition-property:opacity}.fade-in.mui-enter.mui-enter-active{opacity:1}.fade-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;opacity:1;transition-property:opacity}.fade-out.mui-leave.mui-leave-active{opacity:0}.hinge-in-from-top.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:top;transform-origin:top;transition-property:transform,opacity;opacity:0}.hinge-in-from-top.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-right.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:right;transform-origin:right;transition-property:transform,opacity;opacity:0}.hinge-in-from-right.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-bottom.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(90deg);-ms-transform-origin:bottom;transform-origin:bottom;transition-property:transform,opacity;opacity:0}.hinge-in-from-bottom.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-left.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(90deg);-ms-transform-origin:left;transform-origin:left;transition-property:transform,opacity;opacity:0}.hinge-in-from-left.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-x.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:0}.hinge-in-from-middle-x.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-y.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:0}.hinge-in-from-middle-y.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-out-from-top.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:top;transform-origin:top;transition-property:transform,opacity;opacity:1}.hinge-out-from-top.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-right.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:right;transform-origin:right;transition-property:transform,opacity;opacity:1}.hinge-out-from-right.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.hinge-out-from-bottom.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:bottom;transform-origin:bottom;transition-property:transform,opacity;opacity:1}.hinge-out-from-bottom.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-left.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:left;transform-origin:left;transition-property:transform,opacity;opacity:1}.hinge-out-from-left.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(90deg);opacity:0}.hinge-out-from-middle-x.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:1}.hinge-out-from-middle-x.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-middle-y.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:1}.hinge-out-from-middle-y.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.scale-in-up.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(.5);transform:scale(.5);transition-property:transform,opacity;opacity:0}.scale-in-up.mui-enter.mui-enter-active{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-in-down.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1.5);transform:scale(1.5);transition-property:transform,opacity;opacity:0}.scale-in-down.mui-enter.mui-enter-active{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-out-up.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1);transform:scale(1);transition-property:transform,opacity;opacity:1}.scale-out-up.mui-leave.mui-leave-active{-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}.scale-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1);transform:scale(1);transition-property:transform,opacity;opacity:1}.scale-out-down.mui-leave.mui-leave-active{-ms-transform:scale(.5);transform:scale(.5);opacity:0}.spin-in.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);transition-property:transform,opacity;opacity:0}.spin-in.mui-enter.mui-enter-active{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(0);transform:rotate(0);transition-property:transform,opacity;opacity:1}.spin-out.mui-leave.mui-leave-active{-ms-transform:rotate(.75turn);transform:rotate(.75turn);opacity:0}.spin-in-ccw.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(.75turn);transform:rotate(.75turn);transition-property:transform,opacity;opacity:0}.spin-in-ccw.mui-enter.mui-enter-active{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out-ccw.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(0);transform:rotate(0);transition-property:transform,opacity;opacity:1}.spin-out-ccw.mui-leave.mui-leave-active{-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);opacity:0}.slow{transition-duration:750ms!important}.fast{transition-duration:250ms!important}.linear{transition-timing-function:linear!important}.ease{transition-timing-function:ease!important}.ease-in{transition-timing-function:ease-in!important}.ease-out{transition-timing-function:ease-out!important}.ease-in-out{transition-timing-function:ease-in-out!important}.bounce-in{transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{transition-delay:.3s!important}.long-delay{transition-delay:.7s!important}.shake{animation-name:shake-7}@keyframes shake-7{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{transform:translateX(-7%)}}.spin-cw{animation-name:spin-cw-1turn}@keyframes spin-cw-1turn{0%{transform:rotate(-1turn)}100%{transform:rotate(0)}}.spin-ccw{animation-name:spin-cw-1turn}@keyframes spin-cw-1turn{0%{transform:rotate(0)}100%{transform:rotate(1turn)}}.wiggle{animation-name:wiggle-7deg}@keyframes wiggle-7deg{40%,50%,60%{transform:rotate(7deg)}35%,45%,55%,65%{transform:rotate(-7deg)}0%,100%,30%,70%{transform:rotate(0)}}.shake,.spin-ccw,.spin-cw,.wiggle{animation-duration:.5s}.infinite{animation-iteration-count:infinite}.slow{animation-duration:750ms!important}.fast{animation-duration:250ms!important}.linear{animation-timing-function:linear!important}.ease{animation-timing-function:ease!important}.ease-in{animation-timing-function:ease-in!important}.ease-out{animation-timing-function:ease-out!important}.ease-in-out{animation-timing-function:ease-in-out!important}.bounce-in{animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{animation-delay:.3s!important}.long-delay{animation-delay:.7s!important}
\ No newline at end of file
diff --git a/netbeans.apache.org/src/content/css/netbeans.scss b/netbeans.apache.org/src/content/css/netbeans.scss
deleted file mode 100644
index fb2e8c5..0000000
--- a/netbeans.apache.org/src/content/css/netbeans.scss
+++ /dev/null
@@ -1,415 +0,0 @@
-@import 'colors';
-@import 'fonts';
-
-/*
- Some Foundation 6 customizations.
-*/
-
-html {
- font-family: $font-family;
- font-size: $font-size;
-}
-
-body {
- font-family: $font-family;
- font-size: $font-size;
- background-color: $nb-body-background;
-}
-
-.drilldown a {
- background-color: $nb-topbar-background;
-}
-
-.top-bar {
- background-color: $nb-topbar-background;
- box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025);
-
- a.title {
- color: #333;
- font-weight: bold;
- font-size: 110%;
- }
-
-
- ul {
- background-color: $nb-topbar-background;
- }
-
- a {
- color: #777;
- &:hover {
- color: #777;
- }
- }
-}
-
-
-a, a:hover {
- color: $nb-link-color;
-}
-
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
- font-family: $font-family;
- color: $nb-color-mid-blue;
-}
-
-code {
- background-color: transparent;
- border: 0;
-}
-
-pre {
- background-color: $nb-pre-background;
- border: 1px solid $nb-pre-border-color;
- white-space: pre-wrap;
- padding: 8px;
-}
-
-.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
- border-top-color: $nb-link-color;
-}
-
-.top-spacer {
- margin-top: 64px;
-}
-
-@media screen and (min-width: 40em) {
- .top-spacer {
- margin-top: 32px;
- }
-}
-
-
-/* <improvements-over-foundation-vertical-spacing> */
-p {
- margin-bottom: 0.5rem;
-}
-
-li p , .ulist ul li p, .arabic li p, dd p {
- margin-bottom: 0.25em;
-}
-
-dl dt {
- font-size: 120%;
- margin-bottom: 0;
-}
-
-.nb-orbit {
- .orbit-container {
- .orbit-slide {
- color: #fff;
- }
- }
-}
-
-.ulist {
- .menu {
- ul {
- padding: 0;
- margin: 0;
- list-style: none;
- position: relative;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row;
- }
- }
-}
-
-section.hero {
- color: #fff;
- position: relative;
- padding: 75px 0;
- .grid-container {
- .cell {
- h1, p {
- color: #eee;
- a {
- color: #fff;
- }
- }
- }
- }
-}
-
-.hero.news {
- background: url('/images/hero-background.jpg') no-repeat center/cover;
-}
-
-footer {
- min-height: 256px;
- background-color: #333;
- color: #ddd;
- padding: 64px 0;
- margin-top: 64px;
-
- h1 {
- font-size: 120%;
- font-weight: bold;
- text-transform: uppercase;
- color: #ddd;
- }
-
- ul {
- list-style-type: none;
- margin: 0;
-
- li {
- margin-bottom: 8px;
- }
- }
-
- a {
- color: #ddd;
-
- &:hover {
- color: #fff;
- }
- }
-
-}
-
-.footer-disclaimer {
- background-color: #000;
-}
-
-.footer-disclaimer-content {
- margin: 0 auto;
- padding: 64px 0;
- display: block;
- max-width: 75%;
- font-size: $font-size-small;
-
- p {
- margin: 8px 0 0 0;
- text-align: center;
- color: #ccc;
-
- a {
- color: #fff;
- }
- }
-
- pre {
- color: #fff;
- font-size: $font-size-small;
- }
-}
-
-/*
- The toc for mobile is horizontal.
-*/
-.toc {
- max-width: 75%;
- border-top: 1px solid #ddd;
- border-bottom: 1px solid #ddd;
- margin: 0 auto;
- ul {
- margin: 0;
- padding: 8px;
- list-style-type: none;
- li {
- display: inline-block;
- font-size: $font-size-small;
- color: $nb-color-mid-blue;
- a {
- color: $nb-color-darkest-blue;
- }
- }
- }
-}
-
-/*
- The toc for medium and up is not
-*/
-@media screen and (min-width: 40em) {
- .toc {
- border-top: 0px;
- border-bottom: 0px;
- border-left: 1px solid #ddd;
- max-width: 15em;
- ul {
- margin-left: 8px;
- li {
- display: block;
- line-height: 1.68em;
- margin-bottom: 1em;
- }
- }
- }
-}
-
-.valign-top {
- vertical-align: top;
-}
-
-table tbody tr {
- border-bottom: 1px solid #f1f1f1;
-}
-
-table tbody tr:nth-child(2n) {
- background-color: #fff;
- border-bottom: 1px solid #f1f1f1;
-}
-
-.main-content {
- padding: 0;
-
- .sect1 {
- padding: 16px 32px;
- }
-
- .aside {
- font-size: 90%;
- p, div {
- font-size: $font-size-small;
- }
- }
-}
-
-
-.thumbnail {
- border: 0;
- box-shadow: none;
-}
-
-/*
-
- main-content uses CSS Grid Layout (right now).
- The idea is to have a main area and a sidebar, both responsive.
- The 'toc' generated with asciidoc (class 'toc') is positioned in the 'area-toc'.
- We may add additional asides in the template.
-
- Mobile:
- [area-news]
- [area-toc]
- [area-tools]
- [area-main]
- [area-aside]
-
- Desktop:
-
- [area-news] [area-news]
- [area-main] [area-toc]
- [area-main] [area-aside]
- [area-tools] [area-tools]
-
- "news" content is provided in templates/news.gsp
- "tools" content is provided in templates/tools.gsp
- "aside" content is currently empty
-
- Foundations medium media query is (https://foundation.zurb.com/sites/docs/media-queries.html)
- @media screen and (min-width: 40em) {}
-
-*/
-
-.main-content {
-}
-
-@media screen and (min-width: 40em) {
- .main-content .toc {
- float: right;
- }
-}
-
-/*
-.main-content {
- display: grid;
- grid-gap: 8px;
- grid-template-areas:
- "area-news"
- "area-toc"
- "area-tools"
- "area-main"
- ;
- .sect1 {
- grid-area: area-main;
- }
-
- .aside {
- grid-area: area-news;
- }
-
- .tools {
- grid-area: area-tools;
- }
-
- .toc {
- grid-area: area-toc;
- }
-}
-
-.toc {
- grid-area: area-toc;
-}
-
-@media screen and (min-width: 40em) {
-
- .main-content {
- grid-template-columns: 3fr 1fr;
- grid-template-rows: auto auto auto auto;
- grid-template-areas:
- "area-news area-news"
- "area-main area-toc"
- "area-main area-aside"
- "area-tools area-tools"
- ;
- }
-}
-*/
-
-/*
-Asciidoc construct to build a card:
-
- [.card]
- === icon:users[] Who is who
-
- Card content here
-
-
-Will be transformed to the following HTML:
-
- <div class="sect2 card">
- <h3 id="__span_class_icon_i_class_fa_fa_users_i_span_who_is_who"><span class="icon"><i class="fa fa-users"></i></span> Who is who</h3>
- <div class="paragraph">
- <p>Card content here</p>
- </div>
- </div>
-
-*/
-
-.sect2.card {
- box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
- border-radius: 4px;
- border-collapse: collapse;
- max-width: 18em;
- display: inline-block;
- vertical-align: top;
- padding: 0px 0px 16px 0px;
- margin: 0 16px 16px 0;
-
- a h3, h3 {
- padding: 16px;
- border-bottom: 1px solid #ddd;
- font-size: 24px;
-
- span.icon {
- font-size: 32px;
- vertical-align: middle;
- padding: 0 16px 0 0;
- }
- }
-
- div.paragraph {
- padding: 16px 16px 0px 16px;
- min-height: 4rem;
- }
-}
-
-.tools {
- margin-top: 2em;
-}
-
diff --git a/netbeans.apache.org/src/content/images/hero-background.jpg b/netbeans.apache.org/src/content/images/hero-background.jpg
index 3e604d2..c59ab05 100644
Binary files a/netbeans.apache.org/src/content/images/hero-background.jpg and b/netbeans.apache.org/src/content/images/hero-background.jpg differ
diff --git a/netbeans.apache.org/src/content/participate/index.asciidoc b/netbeans.apache.org/src/content/participate/index.asciidoc
index ec4517a..77b9a76 100644
--- a/netbeans.apache.org/src/content/participate/index.asciidoc
+++ b/netbeans.apache.org/src/content/participate/index.asciidoc
@@ -21,7 +21,7 @@ See link:submit-pr.html[contributing code] to learn how to contribute code to th
== link:report-issue.html[Reporting issues]
See link:report-issue.html[reporting issues] for instructions on how to report an issue.
-== Join the link:netcat.html[NetCAT] program
+== link:netcat.html[Join the NetCAT program]
The NetBeans Community Acceptance Test (link:netcat.html[NetCAT]) has helped stabilize development
builds for years.
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE
new file mode 100644
index 0000000..9796fea
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2011-2017 ZURB, inc.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss
new file mode 100644
index 0000000..fd669eb
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss
@@ -0,0 +1,3 @@
+@import 'normalize/variables';
+@import 'normalize/vertical-rhythm';
+@import 'normalize/normalize-mixin';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss
new file mode 100644
index 0000000..aac5d2b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss
@@ -0,0 +1,11 @@
+// Import Now
+//
+// If you import this module directly, it will immediately output all the CSS
+// needed to normalize default HTML elements across all browsers.
+//
+// ```
+// @import "normalize/import-now";
+// ```
+
+@import '../normalize';
+@include normalize();
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
new file mode 100644
index 0000000..70a8d3d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
@@ -0,0 +1,676 @@
+// Helper function for the normalize() mixin.
+@function _normalize-include($section, $exclude: null) {
+ // Initialize the global variables needed by this function.
+ @if not global_variable_exists(_normalize-include) {
+ $_normalize-include: () !global;
+ $_normalize-exclude: () !global;
+ }
+ // Since we are given 2 parameters, set the global variables.
+ @if $exclude != null {
+ $include: $section;
+ // Sass doesn't have static variables, so the work-around is to stuff these
+ // values into global variables so we can access them in future calls.
+ $_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
+ $_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
+ @return true;
+ }
+
+ // Check if $section is in the $include list.
+ @if index($_normalize-include, $section) {
+ @return true;
+ }
+ // If $include is set to (all), make sure $section is not in $exclude.
+ @else if not index($_normalize-exclude, $section) and index($_normalize-include, all) {
+ @return true;
+ }
+ @return false;
+}
+
+@mixin normalize($include: (all), $exclude: ()) {
+ // Initialize the helper function by passing it this mixin's parameters.
+ $init: _normalize-include($include, $exclude);
+
+ // If we've customized any font variables, we'll need extra properties.
+ @if $base-font-size != 16px
+ or $base-line-height != 24px
+ or $base-unit != 'em'
+ or $h1-font-size != 2 * $base-font-size
+ or $h2-font-size != 1.5 * $base-font-size
+ or $h3-font-size != 1.17 * $base-font-size
+ or $h4-font-size != 1 * $base-font-size
+ or $h5-font-size != 0.83 * $base-font-size
+ or $h6-font-size != 0.67 * $base-font-size {
+ $normalize-vertical-rhythm: true !global;
+ }
+
+ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+
+ @if _normalize-include(document) {
+ /* Document
+ ========================================================================== */
+
+ /**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+ html {
+ font-family: $base-font-family; /* 1 */
+ @if $normalize-vertical-rhythm {
+ // Correct old browser bug that prevented accessible resizing of text
+ // when root font-size is set with px or em.
+ font-size: ($base-font-size / 16px) * 100%;
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
+ }
+ @else {
+ line-height: 1.15; /* 2 */
+ }
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+ }
+ }
+
+ @if _normalize-include(sections) {
+ /* Sections
+ ========================================================================== */
+
+ /**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+ body {
+ margin: 0;
+ }
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ article,
+ aside,
+ footer,
+ header,
+ nav,
+ section {
+ display: block;
+ }
+
+ /**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+ h1 {
+ @include normalize-font-size($h1-font-size);
+ @if $normalize-vertical-rhythm {
+ @include normalize-line-height($h1-font-size);
+ }
+
+ @if $normalize-vertical-rhythm {
+ /* Set 1 unit of vertical rhythm on the top and bottom margins. */
+ @include normalize-margin(1 0, $h1-font-size);
+ }
+ @else {
+ margin: 0.67em 0;
+ }
+ }
+
+ @if $normalize-vertical-rhythm {
+ h2 {
+ @include normalize-font-size($h2-font-size);
+ @include normalize-line-height($h2-font-size);
+ @include normalize-margin(1 0, $h2-font-size);
+ }
+
+ h3 {
+ @include normalize-font-size($h3-font-size);
+ @include normalize-line-height($h3-font-size);
+ @include normalize-margin(1 0, $h3-font-size);
+ }
+
+ h4 {
+ @include normalize-font-size($h4-font-size);
+ @include normalize-line-height($h4-font-size);
+ @include normalize-margin(1 0, $h4-font-size);
+ }
+
+ h5 {
+ @include normalize-font-size($h5-font-size);
+ @include normalize-line-height($h5-font-size);
+ @include normalize-margin(1 0, $h5-font-size);
+ }
+
+ h6 {
+ @include normalize-font-size($h6-font-size);
+ @include normalize-line-height($h6-font-size);
+ @include normalize-margin(1 0, $h6-font-size);
+ }
+ }
+ }
+
+ @if _normalize-include(grouping) {
+ /* Grouping content
+ ========================================================================== */
+
+ @if $normalize-vertical-rhythm {
+ /**
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
+ */
+
+ blockquote {
+ @include normalize-margin(1 $indent-amount);
+ }
+
+ dl,
+ ol,
+ ul {
+ @include normalize-margin(1 0);
+ }
+
+ /**
+ * Turn off margins on nested lists.
+ */
+
+ ol,
+ ul {
+ ol,
+ ul {
+ margin: 0;
+ }
+ }
+
+ dd {
+ margin: 0 0 0 $indent-amount;
+ }
+
+ ol,
+ ul {
+ padding: 0 0 0 $indent-amount;
+ }
+ }
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ figcaption,
+ figure {
+ display: block;
+ }
+
+ /**
+ * Add the correct margin in IE 8.
+ */
+
+ figure {
+ @if $normalize-vertical-rhythm {
+ @include normalize-margin(1 $indent-amount);
+ }
+ @else {
+ margin: 1em $indent-amount;
+ }
+ }
+
+ /**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+ hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ main {
+ display: block;
+ }
+
+ @if $normalize-vertical-rhythm {
+ /**
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
+ */
+
+ p,
+ pre {
+ @include normalize-margin(1 0);
+ }
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+ }
+
+ @if _normalize-include(links) {
+ /* Links
+ ========================================================================== */
+
+ /**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+ a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+ }
+
+ /**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+ a:active,
+ a:hover {
+ outline-width: 0;
+ }
+ }
+
+ @if _normalize-include(text) {
+ /* Text-level semantics
+ ========================================================================== */
+
+ /**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+ abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+ }
+
+ /**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+ b,
+ strong {
+ font-weight: inherit;
+ }
+
+ /**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+ b,
+ strong {
+ font-weight: bolder;
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ code,
+ kbd,
+ samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+
+ /**
+ * Add the correct font style in Android 4.3-.
+ */
+
+ dfn {
+ font-style: italic;
+ }
+
+ /**
+ * Add the correct background and color in IE 9-.
+ */
+
+ mark {
+ background-color: #ff0;
+ color: #000;
+ }
+
+ /**
+ * Add the correct font size in all browsers.
+ */
+
+ small {
+ font-size: 80%;
+ }
+
+ /**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+ sub,
+ sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+
+ sub {
+ bottom: -0.25em;
+ }
+
+ sup {
+ top: -0.5em;
+ }
+ }
+
+ @if _normalize-include(embedded) {
+ /* Embedded content
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ audio,
+ video {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in iOS 4-7.
+ */
+
+ audio:not([controls]) {
+ display: none;
+ height: 0;
+ }
+
+ /**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+ img {
+ border-style: none;
+ }
+
+ /**
+ * Hide the overflow in IE.
+ */
+
+ svg:not(:root) {
+ overflow: hidden;
+ }
+ }
+
+ @if _normalize-include(forms) {
+ /* Forms
+ ========================================================================== */
+
+ /**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: $base-font-family; /* 1 */
+ font-size: 100%; /* 1 */
+ @if $normalize-vertical-rhythm {
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
+ }
+ @else {
+ line-height: 1.15; /* 1 */
+ }
+ margin: 0; /* 2 */
+ }
+
+ /**
+ * Show the overflow in IE.
+ */
+
+ button {
+ overflow: visible;
+ }
+
+ /**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+ button,
+ select { /* 1 */
+ text-transform: none;
+ }
+
+ /**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+ button,
+ html [type="button"], /* 1 */
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ }
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+
+ /**
+ * Remove the inner border and padding in Firefox.
+ */
+
+ &::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+
+ /**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+ &:-moz-focusring {
+ outline: 1px dotted ButtonText;
+ }
+ }
+
+ /**
+ * Show the overflow in Edge.
+ */
+
+ input {
+ overflow: visible;
+ }
+
+ /**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+ [type="checkbox"],
+ [type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ }
+
+ /**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+ [type="number"]::-webkit-inner-spin-button,
+ [type="number"]::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ /**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+ [type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+
+ /**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+ &::-webkit-search-cancel-button,
+ &::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+ }
+
+ /**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+ ::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+ }
+
+ /**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+ fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+ }
+
+ /**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+ legend {
+ box-sizing: border-box; /* 1 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ color: inherit; /* 2 */
+ white-space: normal; /* 1 */
+ }
+
+ /**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+ progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+ }
+
+ /**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+ textarea {
+ overflow: auto;
+ }
+ }
+
+ @if _normalize-include(interactive) {
+ /* Interactive
+ ========================================================================== */
+
+ /*
+ * Add the correct display in Edge, IE, and Firefox.
+ */
+
+ details {
+ display: block;
+ }
+
+ /*
+ * Add the correct display in all browsers.
+ */
+
+ summary {
+ display: list-item;
+ }
+
+ /*
+ * Add the correct display in IE 9-.
+ */
+
+ menu {
+ display: block;
+
+ @if $normalize-vertical-rhythm {
+ /*
+ * 1. Set 1 unit of vertical rhythm on the top and bottom margin.
+ * 2. Set consistent space for the list style image.
+ */
+
+ @include normalize-margin(1 0); /* 1 */
+ padding: 0 0 0 $indent-amount; /* 2 */
+
+ /**
+ * Turn off margins on nested lists.
+ */
+
+ menu &,
+ ol &,
+ ul & {
+ margin: 0;
+ }
+ }
+ }
+ }
+
+ @if _normalize-include(scripting) {
+ /* Scripting
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ canvas {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ template {
+ display: none;
+ }
+ }
+
+ @if _normalize-include(hidden) {
+ /* Hidden
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 10-.
+ */
+
+ [hidden] {
+ display: none;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss
new file mode 100644
index 0000000..2f06b25
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss
@@ -0,0 +1,36 @@
+//
+// Variables
+//
+// You can override the default values by setting the variables in your Sass
+// before importing the normalize-scss library.
+
+// The font size set on the root html element.
+$base-font-size: 16px !default;
+
+// The base line height determines the basic unit of vertical rhythm.
+$base-line-height: 24px !default;
+
+// The length unit in which to output vertical rhythm values.
+// Supported values: px, em, rem.
+$base-unit: 'em' !default;
+
+// The default font family.
+$base-font-family: sans-serif !default;
+
+// The font sizes for h1-h6.
+$h1-font-size: 2 * $base-font-size !default;
+$h2-font-size: 1.5 * $base-font-size !default;
+$h3-font-size: 1.17 * $base-font-size !default;
+$h4-font-size: 1 * $base-font-size !default;
+$h5-font-size: 0.83 * $base-font-size !default;
+$h6-font-size: 0.67 * $base-font-size !default;
+
+// The amount lists and blockquotes are indented.
+$indent-amount: 40px !default;
+
+// The following variable controls whether normalize-scss will output
+// font-sizes, line-heights and block-level top/bottom margins that form a basic
+// vertical rhythm on the page, which differs from the original Normalize.css.
+// However, changing any of the variables above will cause
+// $normalize-vertical-rhythm to be automatically set to true.
+$normalize-vertical-rhythm: false !default;
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss
new file mode 100644
index 0000000..4f53647
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss
@@ -0,0 +1,61 @@
+//
+// Vertical Rhythm
+//
+// This is the minimal amount of code needed to create vertical rhythm in our
+// CSS. If you are looking for a robust solution, look at the excellent Typey
+// library. @see https://github.com/jptaranto/typey
+
+@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
+ @if unit($value) != px {
+ @error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
+ }
+ @if $unit == rem {
+ @return ($value / $base-font-size) * 1rem;
+ }
+ @else if $unit == em {
+ @return ($value / $relative-to) * 1em;
+ }
+ @else { // $unit == px
+ @return $value;
+ }
+}
+
+@mixin normalize-font-size($value, $relative-to: $base-font-size) {
+ @if unit($value) != 'px' {
+ @error "normalize-font-size() only supports px inputs. The typey library is better.";
+ }
+ font-size: normalize-rhythm($value, $relative-to);
+}
+
+@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
+ $value-list: $values;
+ $sep: space;
+ @if type-of($values) == 'list' {
+ $sep: list-separator($values);
+ }
+ @else {
+ $value-list: append((), $values);
+ }
+
+ $normalized-values: ();
+ @each $value in $value-list {
+ @if unitless($value) and $value != 0 {
+ $value: $value * normalize-rhythm($base-line-height, $relative-to);
+ }
+ $normalized-values: append($normalized-values, $value, $sep);
+ }
+ #{$property}: $normalized-values;
+}
+
+@mixin normalize-margin($values, $relative-to: $base-font-size) {
+ @include normalize-rhythm(margin, $values, $relative-to);
+}
+
+@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
+ $lines: ceil($font-size / $base-line-height);
+ // If lines are cramped include some extra leading.
+ @if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
+ $lines: $lines + 1;
+ }
+ @include normalize-rhythm(line-height, $lines, $font-size);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss
new file mode 100644
index 0000000..87d160b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss
@@ -0,0 +1,31 @@
+///
+/// Returns whether `$list` contains `$value`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-contain
+///
+/// @param {List} $list - list to check
+/// @param {*} $value - value to look for
+///
+/// @example
+/// sl-contain(a b c, a)
+/// // true
+///
+/// @example
+/// sl-contain(a b c, z)
+/// // false
+///
+/// @return {Bool}
+///
+
+@function sl-contain($list, $value) {
+ @return not not index($list, $value);
+}
+
+///
+/// @requires sl-contain
+/// @alias sl-contain
+///
+
+@function sl-include($list, $value) {
+ @return sl-contain($list, $value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss
new file mode 100644
index 0000000..63102bf
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss
@@ -0,0 +1,38 @@
+/// Removes all false and null values from `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge
+///
+/// @requires sl-is-true
+/// @requires sl-to-list
+///
+/// @param {List} $list - list to purge
+///
+/// @example
+/// sl-purge(null a false b)
+/// // a b
+///
+/// @return {List}
+///
+
+@function sl-purge($list) {
+ $_: sl-missing-dependencies('sl-is-true', 'sl-to-list');
+
+ $result: ();
+
+ @each $item in $list {
+ @if sl-is-true($item) {
+ $result: append($result, $item, list-separator($list));
+ }
+ }
+
+ @return sl-to-list($result);
+}
+
+///
+/// @requires sl-purge
+/// @alias sl-purge
+///
+
+@function sl-clean($list) {
+ @return sl-purge($list);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss
new file mode 100644
index 0000000..0282744
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss
@@ -0,0 +1,31 @@
+///
+/// Removes value(s) `$value` from `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove
+///
+/// @requires sl-replace
+///
+/// @param {List} $list - list to update
+/// @param {*} $value - value to remove
+///
+/// @example
+/// sl-remove(a b c, a)
+/// // b c
+///
+/// @return {List}
+///
+
+@function sl-remove($list, $value) {
+ $_: sl-missing-dependencies('sl-replace');
+
+ @return sl-replace($list, $value, null);
+}
+
+///
+/// @requires sl-remove
+/// @alias sl-remove
+///
+
+@function sl-without($list, $value) {
+ @return sl-remove($list, $value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss
new file mode 100644
index 0000000..8e70ad5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss
@@ -0,0 +1,46 @@
+///
+/// Replaces `$old` by `$new` in `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace
+///
+/// @requires sl-is-true
+/// @requires sl-purge
+/// @requires sl-to-list
+///
+/// @param {List} $list - list to update
+/// @param {*} $old - value to replace
+/// @param {*} $value - new value for $old
+///
+/// @example
+/// sl-replace(a b c, b, z)
+/// // a z c
+///
+/// @example
+/// sl-replace(a b c, y, z)
+/// // a b c
+///
+/// @return {List}
+///
+
+@function sl-replace($list, $old, $value) {
+ $_: sl-missing-dependencies('sl-is-true', 'sl-purge', 'sl-to-list');
+
+ $running: true;
+
+ @while $running {
+ $index: index($list, $old);
+
+ @if not $index {
+ $running: false;
+ }
+
+ @else {
+ $list: set-nth($list, $index, $value);
+ }
+
+ }
+
+ $list: if(sl-is-true($value), $list, sl-purge($list));
+
+ @return sl-to-list($list);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss
new file mode 100644
index 0000000..eb8df21
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss
@@ -0,0 +1,27 @@
+///
+/// Casts `$value` into a list.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list
+///
+/// @param {*} $value - value to cast to list
+/// @param {String} $separator [space] - separator to use
+///
+/// @example
+/// sl-to-list(a b c, comma)
+/// // a, b, c
+///
+/// @return {List}
+///
+
+@function sl-to-list($value, $separator: list-separator($value)) {
+ @return join((), $value, $separator);
+}
+
+///
+/// @requires sl-to-list
+/// @alias sl-to-list
+///
+
+@function sl-listify($value) {
+ @return sl-to-list($value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss
new file mode 100644
index 0000000..c4730b1
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss
@@ -0,0 +1,25 @@
+///
+/// Checks whether `$functions` exist in global scope.
+///
+/// @access private
+///
+/// @param {ArgList} $functions - list of functions to check for
+///
+/// @return {Bool} Whether or not there are missing dependencies
+///
+
+@function sl-missing-dependencies($functions...) {
+ $missing-dependencies: ();
+
+ @each $function in $functions {
+ @if not function-exists($function) {
+ $missing-dependencies: append($missing-dependencies, $function, comma);
+ }
+ }
+
+ @if length($missing-dependencies) > 0 {
+ @error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';
+ }
+
+ @return length($missing-dependencies) > 0;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss
new file mode 100644
index 0000000..277652e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss
@@ -0,0 +1,13 @@
+///
+/// Returns truthiness of `$value`.
+///
+/// @access private
+///
+/// @param {*} $value - value to check
+///
+/// @return {Bool}
+///
+
+@function sl-is-true($value) {
+ @return if($value == null, false, $value and $value != null and $value != '' and $value != ());
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss
new file mode 100644
index 0000000..18152fe
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss
@@ -0,0 +1,249 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
+
+////
+/// @group global
+////
+
+/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.
+/// @type Number
+$global-font-size: 100% !default;
+
+/// Global width of your site. Used by the grid to determine row width.
+/// @type Number
+$global-width: rem-calc(1200) !default;
+
+/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px
+/// @type Number
+$global-lineheight: 1.5 !default;
+
+/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
+/// @type Map
+$foundation-palette: (
+ primary: #1779ba,
+ secondary: #767676,
+ success: #3adb76,
+ warning: #ffae00,
+ alert: #cc4b37,
+) !default;
+
+/// Color used for light gray UI items.
+/// @type Color
+$light-gray: #e6e6e6 !default;
+
+/// Color used for medium gray UI items.
+/// @type Color
+$medium-gray: #cacaca !default;
+
+/// Color used for dark gray UI items.
+/// @type Color
+$dark-gray: #8a8a8a !default;
+
+/// Color used for black ui items.
+/// @type Color
+$black: #0a0a0a !default;
+
+/// Color used for white ui items.
+/// @type Color
+$white: #fefefe !default;
+
+/// Background color of the body.
+/// @type Color
+$body-background: $white !default;
+
+/// Text color of the body.
+/// @type Color
+$body-font-color: $black !default;
+
+/// Font stack of the body.
+/// @type List
+$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;
+
+/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.
+/// @type Boolean
+$body-antialiased: true !default;
+
+/// Global value used for margin on components.
+/// @type Number
+$global-margin: 1rem !default;
+
+/// Global value used for padding on components.
+/// @type Number
+$global-padding: 1rem !default;
+
+/// Global value used for positioning on components.
+/// @type Number
+$global-position: 1rem !default;
+
+/// Global font weight used for normal type.
+/// @type Keyword | Number
+$global-weight-normal: normal !default;
+
+/// Global font weight used for bold type.
+/// @type Keyword | Number
+$global-weight-bold: bold !default;
+
+/// Global value used for all elements that have a border radius.
+/// @type Number
+$global-radius: 0 !default;
+
+/// Global value used for all menu styles. Can be overwritten at individual menu component level.
+/// @type Number
+$global-menu-padding: 0.7rem 1rem !default;
+
+/// Global value used for all menu styles. Nested margin for submenu.
+$global-menu-nested-margin: 1rem !default;
+
+/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
+/// @type Keyword
+$global-text-direction: ltr !default;
+
+/// Enables flexbox for components that support it.
+/// @type Boolean
+$global-flexbox: true !default;
+
+/// Enabled responsive breakpoints for prototypes if applicable
+/// @type Boolean
+$global-prototype-breakpoints: false !default;
+
+/// Button cursor's value, `auto` by default
+/// @type Keyword
+$global-button-cursor: auto !default;
+
+@if not map-has-key($foundation-palette, primary) {
+ @error 'In $foundation-palette, you must have a color named "primary".';
+}
+
+// Internal variables used for text direction
+$global-left: if($global-text-direction == rtl, right, left);
+$global-right: if($global-text-direction == rtl, left, right);
+
+/// Global tolerance for color pick contrast.
+/// @type Number
+$global-color-pick-contrast-tolerance: 0 !default;
+
+// Internal variables used for colors
+$primary-color: get-color(primary);
+$secondary-color: get-color(secondary);
+$success-color: get-color(success);
+$warning-color: get-color(warning);
+$alert-color: get-color(alert);
+
+@mixin foundation-global-styles {
+ @include -zf-normalize;
+
+ // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
+ .foundation-mq {
+ font-family: '#{-zf-bp-serialize($breakpoints)}';
+ }
+
+ html {
+ box-sizing: border-box;
+ font-size: $global-font-size;
+ }
+
+ // Set box-sizing globally to handle padding and border widths
+ *,
+ *::before,
+ *::after {
+ box-sizing: inherit;
+ }
+
+ // Default body styles
+ body {
+ margin: 0;
+ padding: 0;
+
+ background: $body-background;
+
+ font-family: $body-font-family;
+ font-weight: $global-weight-normal;
+ line-height: $global-lineheight;
+ color: $body-font-color;
+
+ @if ($body-antialiased) {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ }
+
+ img {
+ // Get rid of gap under images by making them display: inline-block; by default
+ display: inline-block;
+ vertical-align: middle;
+
+ // Grid defaults to get images and embeds to work properly
+ max-width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ }
+
+ // Make sure textarea takes on height automatically
+ textarea {
+ height: auto;
+ min-height: 50px;
+ border-radius: $global-radius;
+ }
+
+ // Make select elements are 100% width by default
+ select {
+ box-sizing: border-box;
+ width: 100%;
+ border-radius: $global-radius;
+ }
+
+ // Styles Google Maps and MapQuest embeds properly
+ // sass-lint:disable-line no-ids
+ .map_canvas,
+ .mqa-display {
+ img,
+ embed,
+ object {
+ max-width: none !important;
+ }
+ }
+
+ // Reset <button> styles created by most browsers
+ button {
+ @include disable-mouse-outline;
+ padding: 0;
+ appearance: none;
+ border: 0;
+ border-radius: $global-radius;
+ background: transparent;
+ line-height: 1;
+ cursor: $global-button-cursor;
+ }
+
+ // Prevent text overflow on pre
+ pre {
+ overflow: auto;
+ }
+
+ // Make reset inherit font-family instead of settings sans-serif
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: inherit;
+ }
+
+ // Internal classes to show/hide elements in JavaScript
+ .is-visible {
+ display: block !important;
+ }
+
+ .is-hidden {
+ display: none !important;
+ }
+}
+
+/// Loads normalize.css.
+/// @access private
+@mixin -zf-normalize {
+ @include normalize();
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss
new file mode 100644
index 0000000..7d25446
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss
@@ -0,0 +1,171 @@
+////
+/// @group accordion-menu
+////
+
+/// Sets accordion menu padding.
+/// @type Number
+$accordionmenu-padding: $global-menu-padding !default;
+
+/// Sets accordion menu nested margin
+/// @type Number
+$accordionmenu-nested-margin: $global-menu-nested-margin !default;
+
+/// Sets accordion menu submenu padding.
+/// @type Number
+$accordionmenu-submenu-padding: $accordionmenu-padding !default;
+
+/// Sets if accordion menus have the default arrow styles.
+/// @type Boolean
+$accordionmenu-arrows: true !default;
+
+/// Sets accordion menu arrow color if arrow is used.
+/// @type Color
+$accordionmenu-arrow-color: $primary-color !default;
+
+/// Sets accordion menu item padding.
+/// @type Color
+$accordionmenu-item-background: null !default;
+
+/// Sets accordion menu item border.
+/// @type Color
+$accordionmenu-border: null !default;
+
+/// Sets accordion menu item padding.
+/// @type Color
+$accordionmenu-submenu-toggle-background: null !default;
+
+/// Sets accordion menu item padding.
+/// @type List
+$accordion-submenu-toggle-border: $accordionmenu-border !default;
+
+/// Sets accordion menu submenu toggle background width.
+/// @type Number
+$accordionmenu-submenu-toggle-width: 40px !default;
+
+/// Sets accordion menu submenu toggle background height.
+/// @type Number
+$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width !default;
+
+/// Sets accordion menu arrow size if arrow is used.
+/// @type Length
+$accordionmenu-arrow-size: 6px !default;
+
+@mixin zf-accordion-menu-left-right-arrows {
+ .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
+ position: relative;
+
+ &::after {
+ @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);
+ position: absolute;
+ top: 50%;
+ margin-top: -1 * ($accordionmenu-arrow-size / 2);
+ #{$global-right}: 1rem;
+ }
+ }
+ &.align-left .is-accordion-submenu-parent > a::after {
+ left: auto;
+ right: 1rem;
+ }
+ &.align-right .is-accordion-submenu-parent > a::after {
+ right: auto;
+ left: 1rem;
+ }
+}
+@mixin foundation-accordion-menu {
+
+ .accordion-menu {
+ @if $accordionmenu-border {
+ border-bottom: $accordionmenu-border;
+ }
+
+ li {
+ @if $accordionmenu-border {
+ border-top: $accordionmenu-border;
+ border-right: $accordionmenu-border;
+ border-left: $accordionmenu-border;
+ }
+ width: 100%;
+ }
+
+ a {
+ @if $accordionmenu-item-background {
+ background: $accordionmenu-item-background;
+ }
+ padding: $accordionmenu-padding;
+ }
+
+ .is-accordion-submenu a {
+ padding: $accordionmenu-submenu-padding;
+ }
+
+ .nested.is-accordion-submenu {
+ @include menu-nested($accordionmenu-nested-margin);
+ }
+
+ &.align-#{$global-right} {
+ .nested.is-accordion-submenu {
+ @include menu-nested($accordionmenu-nested-margin, right);
+ }
+ }
+
+ @if $accordionmenu-arrows {
+ @include zf-accordion-menu-left-right-arrows;
+
+ .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
+ transform: rotate(180deg);
+ transform-origin: 50% 50%;
+ }
+ }
+ }
+
+ .is-accordion-submenu li {
+ @if $accordionmenu-border {
+ border-right: 0;
+ border-left: 0;
+ }
+ }
+
+ .is-accordion-submenu-parent {
+ position: relative;
+ }
+
+ .has-submenu-toggle > a {
+ margin-#{$global-right}: $accordionmenu-submenu-toggle-width;
+ }
+
+ // Submenu toggle
+ .submenu-toggle {
+ position: absolute;
+ top: 0;
+ #{$global-right}: 0;
+ cursor: pointer;
+
+ width: $accordionmenu-submenu-toggle-width;
+ height: $accordionmenu-submenu-toggle-height;
+
+ border-#{$global-left}: $accordion-submenu-toggle-border;
+
+ @if $accordionmenu-submenu-toggle-background {
+ background: $accordionmenu-submenu-toggle-background;
+ }
+
+ // Add the arrow to the toggle
+ &::after {
+ @include css-triangle(6px, $accordionmenu-arrow-color, down);
+
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ }
+ }
+
+ // Rotate the arrow when menu is open
+ .submenu-toggle[aria-expanded='true']::after {
+ transform: scaleY(-1);
+ transform-origin: 50% 50%;
+ }
+
+ .submenu-toggle-text {
+ @include element-invisible;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss
new file mode 100644
index 0000000..c646be7
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss
@@ -0,0 +1,155 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group accordion
+////
+
+/// Default background color of an accordion group.
+/// @type Color
+$accordion-background: $white !default;
+
+/// If `true`, adds plus and minus icons to the side of each accordion title.
+/// @type Boolean
+$accordion-plusminus: true !default;
+
+/// Font size of accordion titles.
+/// @type Number
+$accordion-title-font-size: rem-calc(12) !default;
+
+/// Default text color for items in a Menu.
+/// @type Color
+$accordion-item-color: $primary-color !default;
+
+/// Default background color on hover for items in a Menu.
+/// @type Color
+$accordion-item-background-hover: $light-gray !default;
+
+/// Default padding of an accordion item.
+/// @type Number | List
+$accordion-item-padding: 1.25rem 1rem !default;
+
+/// Default background color of tab content.
+/// @type Color
+$accordion-content-background: $white !default;
+
+/// Default border color of tab content.
+/// @type Color
+$accordion-content-border: 1px solid $light-gray !default;
+
+/// Default text color of tab content.
+/// @type Color
+$accordion-content-color: $body-font-color !default;
+
+/// Default padding for tab content.
+/// @type Number | List
+$accordion-content-padding: 1rem !default;
+
+/// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`.
+@mixin accordion-container (
+ $background: $accordion-background
+) {
+ margin-#{$global-left}: 0;
+ background: $background;
+ list-style-type: none;
+ &[disabled] {
+ .accordion-title {
+ cursor: not-allowed;
+ }
+ }
+}
+
+/// Adds styles for the accordion item. Apply this to the list item within an accordion ul.
+@mixin accordion-item {
+ &:first-child > :first-child {
+ border-radius: $global-radius $global-radius 0 0;
+ }
+
+ &:last-child > :last-child {
+ border-radius: 0 0 $global-radius $global-radius;
+ }
+}
+
+/// Adds styles for the title of an accordion item. Apply this to the link within an accordion item.
+@mixin accordion-title (
+ $padding: $accordion-item-padding,
+ $font-size: $accordion-title-font-size,
+ $color: $accordion-item-color,
+ $border: $accordion-content-border,
+ $background-hover: $accordion-item-background-hover
+) {
+ position: relative;
+ display: block;
+ padding: $padding;
+
+ border: $border;
+ border-bottom: 0;
+
+ font-size: $font-size;
+ line-height: 1;
+ color: $color;
+
+ :last-child:not(.is-active) > & {
+ border-bottom: $border;
+ border-radius: 0 0 $global-radius $global-radius;
+ }
+
+ &:hover,
+ &:focus {
+ background-color: $background-hover;
+ }
+
+ @if $accordion-plusminus {
+ &::before {
+ position: absolute;
+ top: 50%;
+ #{$global-right}: 1rem;
+ margin-top: -0.5rem;
+ content: '+';
+ }
+
+ .is-active > &::before {
+ content: '\2013';
+ }
+ }
+}
+
+/// Adds styles for accordion content. Apply this to the content pane below an accordion item's title.
+@mixin accordion-content (
+ $padding: $accordion-content-padding,
+ $border: $accordion-content-border,
+ $background: $accordion-content-background,
+ $color: $accordion-content-color
+) {
+ display: none;
+ padding: $padding;
+
+ border: $border;
+ border-bottom: 0;
+ background-color: $background;
+
+ color: $color;
+
+ :last-child > &:last-child {
+ border-bottom: $border;
+ }
+}
+
+@mixin foundation-accordion {
+ .accordion {
+ @include accordion-container;
+ }
+
+ .accordion-item {
+ @include accordion-item;
+ }
+
+ .accordion-title {
+ @include accordion-title;
+ }
+
+ .accordion-content {
+ @include accordion-content;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss
new file mode 100644
index 0000000..3d5b6ba
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss
@@ -0,0 +1,63 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group badge
+////
+
+/// Default background color for badges.
+/// @type Color
+$badge-background: $primary-color !default;
+
+/// Default text color for badges.
+/// @type Color
+$badge-color: $white !default;
+
+/// Alternate text color for badges.
+/// @type Color
+$badge-color-alt: $black !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$badge-palette: $foundation-palette !default;
+
+/// Default padding inside badges.
+/// @type Number
+$badge-padding: 0.3em !default;
+
+/// Minimum width of a badge.
+/// @type Number
+$badge-minwidth: 2.1em !default;
+
+/// Default font size for badges.
+/// @type Number
+$badge-font-size: 0.6rem !default;
+
+/// Generates the base styles for a badge.
+@mixin badge {
+ display: inline-block;
+ min-width: $badge-minwidth;
+ padding: $badge-padding;
+
+ border-radius: 50%;
+
+ font-size: $badge-font-size;
+ text-align: center;
+}
+
+@mixin foundation-badge {
+ .badge {
+ @include badge;
+
+ background: $badge-background;
+ color: $badge-color;
+
+ @each $name, $color in $badge-palette {
+ &.#{$name} {
+ background: $color;
+ color: color-pick-contrast($color, ($badge-color, $badge-color-alt));
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss
new file mode 100644
index 0000000..75eb9a1
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss
@@ -0,0 +1,117 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group breadcrumbs
+////
+
+/// Margin around a breadcrumbs container.
+/// @type Number
+$breadcrumbs-margin: 0 0 $global-margin 0 !default;
+
+/// Font size of breadcrumb links.
+/// @type Number
+$breadcrumbs-item-font-size: rem-calc(11) !default;
+
+/// Color of breadcrumb links.
+/// @type Color
+$breadcrumbs-item-color: $primary-color !default;
+
+/// Color of the active breadcrumb link.
+/// @type Color
+$breadcrumbs-item-color-current: $black !default;
+
+/// Opacity of disabled breadcrumb links.
+/// @type Number
+$breadcrumbs-item-color-disabled: $medium-gray !default;
+
+/// Margin between breadcrumb items.
+/// @type Number
+$breadcrumbs-item-margin: 0.75rem !default;
+
+/// If `true`, makes breadcrumb links uppercase.
+/// @type Boolean
+$breadcrumbs-item-uppercase: true !default;
+
+/// If `true`, adds a seperator between breadcrumb links.
+/// @type Boolean
+$breadcrumbs-item-separator: true !default;
+
+// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.
+@if variable-exists(breadcrumbs-item-slash) {
+ $breadcrumbs-item-separator: $breadcrumbs-item-slash;
+}
+
+/// Used character for the breadcrumb separator.
+/// @type Content
+$breadcrumbs-item-separator-item: '/' !default;
+
+/// Used character for the breadcrumb separator in rtl mode.
+/// @type Content
+$breadcrumbs-item-separator-item-rtl: '\\' !default;
+
+/// Color of breadcrumb item.
+/// @type Color
+$breadcrumbs-item-separator-color: $medium-gray !default;
+
+// If it exists $breadcrumbs-item-slash-color is used to build $breadcrumbs-item-separator-color. See the documentation.
+@if variable-exists(breadcrumbs-item-slash-color) {
+ $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;
+}
+
+/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.
+@mixin breadcrumbs-container {
+ @include clearfix;
+ margin: $breadcrumbs-margin;
+ list-style: none;
+
+ // Item wrapper
+ li {
+ float: #{$global-left};
+
+ font-size: $breadcrumbs-item-font-size;
+ color: $breadcrumbs-item-color-current;
+ cursor: default;
+
+ @if $breadcrumbs-item-uppercase {
+ text-transform: uppercase;
+ }
+
+ @if $breadcrumbs-item-separator {
+ // Need to escape the backslash
+ $separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);
+
+ &:not(:last-child)::after {
+ position: relative;
+ margin: 0 $breadcrumbs-item-margin;
+ opacity: 1;
+ content: $separator;
+ color: $breadcrumbs-item-separator-color;
+ }
+ }
+ @else {
+ margin-#{$global-right}: $breadcrumbs-item-margin;
+ }
+ }
+
+ // Page links
+ a {
+ color: $breadcrumbs-item-color;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
+
+@mixin foundation-breadcrumbs {
+ .breadcrumbs {
+ @include breadcrumbs-container;
+
+ .disabled {
+ color: $breadcrumbs-item-color-disabled;
+ cursor: not-allowed;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss
new file mode 100644
index 0000000..6705e9c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss
@@ -0,0 +1,253 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group button-group
+////
+
+/// Margin for button groups.
+/// @type Number
+$buttongroup-margin: 1rem !default;
+
+/// Margin between buttons in a button group.
+/// @type Number
+$buttongroup-spacing: 1px !default;
+
+/// Selector for the buttons inside a button group.
+/// @type String
+$buttongroup-child-selector: '.button' !default;
+
+/// Maximum number of buttons that can be in an even-width button group.
+/// @type Number
+$buttongroup-expand-max: 6 !default;
+
+/// Determines if $button-radius is applied to each button or the button group as a whole. Use $global-radius in _settings.scss to change radius.
+/// @type Boolean
+$buttongroup-radius-on-each: true !default;
+
+/// Add styles for a button group container.
+/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
+/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
+@mixin button-group(
+ $child-selector: $buttongroup-child-selector,
+ $spacing: $buttongroup-spacing
+) {
+ @include clearfix;
+ margin-bottom: $buttongroup-margin;
+
+ @if $global-flexbox {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: stretch;
+ }
+ @else {
+ font-size: 0;
+ }
+
+ #{$child-selector} {
+ margin: 0;
+ margin-#{$global-right}: $spacing;
+ margin-bottom: $spacing;
+ font-size: map-get($button-sizes, default);
+
+ @if $global-flexbox {
+ flex: 0 0 auto;
+ }
+
+ &:last-child {
+ margin-#{$global-right}: 0;
+ }
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child {
+ border-top-#{$global-left}-radius: $button-radius;
+ border-bottom-#{$global-left}-radius: $button-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $button-radius;
+ border-bottom-#{$global-right}-radius: $button-radius;
+ }
+ }
+
+ }
+}
+
+/// Creates a full-width button group, making each button equal width.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
+/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
+@mixin button-group-expand(
+ $selector: $buttongroup-child-selector,
+ $spacing: $buttongroup-spacing,
+ $count: null
+) {
+ @if not $global-flexbox {
+ margin-#{$global-right}: -$spacing;
+
+ &::before,
+ &::after {
+ display: none;
+ }
+ }
+
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ @else {
+ // One child
+ &:first-child:last-child {
+ width: 100%;
+ }
+
+ // Two or more childreen
+ @for $i from 2 through $buttongroup-expand-max {
+ &:first-child:nth-last-child(#{$i}) {
+ &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {
+ display: inline-block;
+ width: calc(#{percentage(1 / $i)} - #{$spacing});
+ margin-#{$global-right}: $spacing;
+
+ &:last-child {
+ margin-#{$global-right}: $spacing * -$buttongroup-expand-max;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// Stacks the buttons in a button group.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
+@mixin button-group-stack(
+ $selector: $buttongroup-child-selector
+) {
+ @if $global-flexbox {
+ flex-wrap: wrap;
+ }
+
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 0 0 100%;
+ }
+ @else {
+ width: 100%;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child{
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: $global-radius;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ }
+ }
+
+ }
+}
+
+/// Un-stacks the buttons in a button group.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
+@mixin button-group-unstack(
+ $selector: $buttongroup-child-selector
+) {
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ @else {
+ width: auto;
+ }
+ margin-bottom: 0;
+
+ @if not $buttongroup-radius-on-each {
+ &:first-child {
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-left}-radius: 0;
+ }
+ }
+
+ }
+}
+
+@mixin foundation-button-group {
+ .button-group {
+ @include button-group;
+
+ // Sizes
+ @each $size, $value in map-remove($button-sizes, default) {
+ &.#{$size} #{$buttongroup-child-selector} {
+ font-size: $value;
+ }
+ }
+
+ // Even-width Group
+ &.expanded { @include button-group-expand; }
+
+ // Colors
+ @each $name, $color in $foundation-palette {
+ @if $button-fill != hollow {
+ &.#{$name} #{$buttongroup-child-selector} {
+ @include button-style($color, auto, auto);
+ }
+ }
+ @else {
+ &.#{$name} #{$buttongroup-child-selector} {
+ @include button-hollow;
+ @include button-hollow-style($color);
+ }
+ }
+ }
+
+ &.stacked,
+ &.stacked-for-small,
+ &.stacked-for-medium {
+ @include button-group-stack;
+ }
+
+ &.stacked-for-small {
+ @include breakpoint(medium) {
+ @include button-group-unstack;
+ }
+ }
+
+ &.stacked-for-medium {
+ @include breakpoint(large) {
+ @include button-group-unstack;
+ }
+ }
+
+ &.stacked-for-small.expanded { // sass-lint:disable-line force-element-nesting
+ @include breakpoint(small only) {
+ display: block;
+
+ #{$buttongroup-child-selector} {
+ display: block;
+ margin-#{$global-right}: 0;
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss
new file mode 100644
index 0000000..e71f264
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss
@@ -0,0 +1,385 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group button
+////
+
+/// Font family for button elements.
+/// @type Font
+$button-font-family: inherit !default;
+
+/// Padding inside buttons.
+/// @type List
+$button-padding: 0.85em 1em !default;
+
+/// Margin around buttons.
+/// @type List
+$button-margin: 0 0 $global-margin 0 !default;
+
+/// Default fill for buttons. Can either be `solid` or `hollow`.
+/// @type Keyword
+$button-fill: solid !default;
+
+/// Default background color for buttons.
+/// @type Color
+$button-background: $primary-color !default;
+
+/// Background color on hover for buttons.
+/// @type Color
+$button-background-hover: scale-color($button-background, $lightness: -15%) !default;
+
+/// Font color for buttons.
+/// @type List
+$button-color: $white !default;
+
+/// Alternative font color for buttons.
+/// @type List
+$button-color-alt: $black !default;
+
+/// Border radius for buttons, defaulted to global-radius.
+/// @type Number
+$button-radius: $global-radius !default;
+
+/// Border width for hollow outline buttons
+/// @type Number
+$button-hollow-border-width: 1px !default;
+
+/// Sizes for buttons.
+/// @type Map
+$button-sizes: (
+ tiny: 0.6rem,
+ small: 0.75rem,
+ default: 0.9rem,
+ large: 1.25rem,
+) !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$button-palette: $foundation-palette !default;
+
+/// opacity for a disabled button.
+/// @type List
+$button-opacity-disabled: 0.25 !default;
+
+/// Background color lightness on hover for buttons.
+/// @type Number
+$button-background-hover-lightness: -20% !default;
+
+/// Color lightness on hover for hollow buttons.
+/// @type Number
+$button-hollow-hover-lightness: -50% !default;
+
+// Internal: flip from margin-right to margin-left for defaults
+@if $global-text-direction == 'rtl' {
+ $button-margin: 0 0 $global-margin $global-margin !default;
+}
+
+/// transitions for buttons.
+/// @type List
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;
+
+// TODO: Document button-base() mixin
+@mixin button-base {
+ @include disable-mouse-outline;
+ display: inline-block;
+ vertical-align: middle;
+ margin: $button-margin;
+ font-family: $button-font-family;
+
+ @if (type-of($button-padding) == 'map') {
+ @each $size, $padding in $button-padding {
+ @include breakpoint($size) {
+ padding: $padding;
+ }
+ }
+ }
+ @else {
+ padding: $button-padding;
+ }
+
+ -webkit-appearance: none;
+ border: 1px solid transparent;
+ border-radius: $button-radius;
+ transition: $button-transition;
+
+ font-size: map-get($button-sizes, default);
+ line-height: 1;
+ text-align: center;
+ cursor: pointer;
+}
+
+/// Expands a button to make it full-width.
+/// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior.
+@mixin button-expand($expand: true) {
+ @if $expand {
+ display: block;
+ width: 100%;
+ margin-right: 0;
+ margin-left: 0;
+ }
+ @else {
+ display: inline-block;
+ width: auto;
+ margin: $button-margin;
+ }
+}
+
+/// Sets the visual style of a button.
+/// @param {Color} $background [$button-background] - Background color of the button.
+/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
+/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
+@mixin button-style(
+ $background: $button-background,
+ $background-hover: $button-background-hover,
+ $color: $button-color,
+ $background-hover-lightness: $button-background-hover-lightness
+) {
+ @if $color == auto {
+ $color: color-pick-contrast($background, ($button-color, $button-color-alt));
+ }
+
+ @if $background-hover == auto {
+ $background-hover: scale-color($background, $lightness: $background-hover-lightness);
+ }
+
+ background-color: $background;
+ color: $color;
+
+ &:hover, &:focus {
+ background-color: $background-hover;
+ color: $color;
+ }
+}
+
+/// Removes background fill on hover and focus for hollow buttons.
+@mixin button-hollow {
+ &,
+ &:hover, &:focus {
+ background-color: transparent;
+ }
+
+ &.disabled,
+ &[disabled] {
+ &,
+ &:hover, &:focus {
+ background-color: transparent;
+ }
+ }
+}
+
+@mixin button-hollow-style(
+ $color: $button-background,
+ $hover-lightness: $button-hollow-hover-lightness,
+ $border-width: $button-hollow-border-width
+) {
+ $color-hover: scale-color($color, $lightness: $hover-lightness);
+
+ border: $border-width solid $color;
+ color: $color;
+
+ &:hover, &:focus {
+ border-color: $color-hover;
+ color: $color-hover;
+ &.disabled,
+ &[disabled] {
+ border: $border-width solid $color;
+ color: $color;
+ }
+ }
+}
+
+/// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
+/// @param [Color] $background [$button-background] - Background color of the disabled button.
+/// @param [Color] $color [$button-color] - Text color of the disabled button. Set to `auto` to have the mixin automatically generate a color based on the background color.
+@mixin button-disabled(
+ $background: $button-background,
+ $color: $button-color
+) {
+ @if $color == auto {
+ $color: color-pick-contrast($background, ($button-color, $button-color-alt));
+ }
+
+ opacity: $button-opacity-disabled;
+ cursor: not-allowed;
+
+ &, &:hover, &:focus {
+ background-color: $background;
+ color: $color;
+ }
+}
+
+/// Adds a dropdown arrow to a button.
+/// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons.
+/// @param {Color} $color [white] - Color of the arrow.
+/// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is.
+@mixin button-dropdown(
+ $size: 0.4em,
+ $color: $white,
+ $offset: get-side($button-padding, right)
+) {
+ &::after {
+ @include css-triangle($size, $color, down);
+ position: relative;
+ top: 0.4em; // Aligns the arrow with the text of the button
+
+ display: inline-block;
+ float: #{$global-right};
+ margin-#{$global-left}: $offset;
+ }
+}
+
+/// Adds all styles for a button. For more granular control over styles, use the individual button mixins.
+/// @param {Boolean} $expand [false] - Set to `true` to make the button full-width.
+/// @param {Color} $background [$button-background] - Background color of the button.
+/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
+/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
+/// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button.
+@mixin button(
+ $expand: false,
+ $background: $button-background,
+ $background-hover: $button-background-hover,
+ $color: $button-color,
+ $style: $button-fill
+) {
+ @include button-base;
+
+ @if $style == solid {
+ @include button-style($background, $background-hover, $color);
+ }
+ @else if $style == hollow {
+ @include button-hollow;
+ @include button-hollow-style($background);
+ }
+
+ @if $expand {
+ @include button-expand;
+ }
+}
+
+@mixin foundation-button {
+ .button {
+ @include button;
+
+ // Sizes
+ @each $size, $value in map-remove($button-sizes, default) {
+ &.#{$size} {
+ font-size: $value;
+ }
+ }
+
+ &.expanded { @include button-expand; }
+
+ // Colors
+ @each $name, $color in $button-palette {
+ @if $button-fill != hollow {
+ &.#{$name} {
+ @include button-style($color, auto, auto);
+ }
+ }
+ @else {
+ &.#{$name} {
+ @include button-hollow-style($color);
+ }
+
+ &.#{$name}.dropdown::after {
+ border-top-color: $color;
+ }
+ }
+ }
+
+ // Disabled style
+ &.disabled,
+ &[disabled] {
+ @include button-disabled;
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-disabled($color, auto);
+ }
+ }
+ }
+
+ // Hollow style
+ @if $button-fill != hollow {
+ &.hollow {
+ @include button-hollow;
+ @include button-hollow-style;
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-hollow-style($color);
+ }
+ }
+ }
+ }
+
+ // Clear style
+ @if $button-fill != clear {
+ &.clear {
+ @include button-hollow;
+ @include button-hollow-style;
+
+ &, &:hover, &:focus {
+ &, &.disabled, &[disabled] {
+ border-color: transparent;
+ }
+ }
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-hollow-style($color);
+
+ &, &:hover,
+ &:focus {
+ &,
+ &.disabled,
+ &[disabled] {
+ border-color: transparent;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ // Dropdown arrow
+ &.dropdown {
+ @include button-dropdown;
+
+ @if $button-fill == hollow {
+ &::after {
+ border-top-color: $button-background;
+ }
+ }
+
+ &.hollow {
+ &::after {
+ border-top-color: $button-background;
+ }
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ &::after {
+ border-top-color: $color;
+ }
+ }
+ }
+ }
+ }
+
+ // Button with dropdown arrow only
+ &.arrow-only::after {
+ top: -0.1em;
+ float: none;
+ margin-#{$global-left}: 0;
+ }
+ }
+ a.button {
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss
new file mode 100644
index 0000000..5a0842c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss
@@ -0,0 +1,106 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group callout
+////
+
+/// Default background color.
+/// @type Color
+$callout-background: $white !default;
+
+/// Default fade value for callout backgrounds.
+/// @type Number
+$callout-background-fade: 85% !default;
+
+/// Default border style for callouts.
+/// @type List
+$callout-border: 1px solid rgba($black, 0.25) !default;
+
+/// Default bottom margin for callouts.
+/// @type Number
+$callout-margin: 0 0 1rem 0 !default;
+
+/// Default inner padding for callouts.
+/// @type Number
+$callout-padding: 1rem !default;
+
+/// Default font color for callouts.
+/// @type Color
+$callout-font-color: $body-font-color !default;
+
+/// Default font color for callouts, if the callout has a dark background.
+/// @type Color
+$callout-font-color-alt: $body-background !default;
+
+/// Default border radius for callouts.
+/// @type Color
+$callout-radius: $global-radius !default;
+
+/// Amount to tint links used within colored panels. Set to `false` to disable this feature.
+/// @type Number | Boolean
+$callout-link-tint: 30% !default;
+
+/// Adds basic styles for a callout, including padding and margin.
+@mixin callout-base() {
+ position: relative;
+ margin: $callout-margin;
+ padding: $callout-padding;
+
+ border: $callout-border;
+ border-radius: $callout-radius;
+
+ // Respect the padding, fool.
+ > :first-child {
+ margin-top: 0;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Generate quick styles for a callout using a single color as a baseline.
+/// @param {Color} $color [$callout-background] - Color to use.
+@mixin callout-style($color: $callout-background) {
+ $background: scale-color($color, $lightness: $callout-background-fade);
+
+ background-color: $background;
+ color: color-pick-contrast($background, ($callout-font-color, $callout-font-color-alt));
+}
+
+@mixin callout-size($padding) {
+ padding-top: $padding;
+ padding-right: $padding;
+ padding-bottom: $padding;
+ padding-left: $padding;
+}
+
+
+/// Adds styles for a callout.
+/// @param {Color} $color [$callout-background] - Color to use.
+@mixin callout($color: $callout-background) {
+ @include callout-base;
+ @include callout-style($color);
+}
+
+@mixin foundation-callout {
+ .callout {
+ @include callout;
+
+ @each $name, $color in $foundation-palette {
+ &.#{$name} {
+ @include callout-style($color);
+ }
+ }
+
+ &.small {
+ @include callout-size(0.5rem);
+ }
+
+ &.large {
+ @include callout-size(3rem);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss
new file mode 100644
index 0000000..d3ba77e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss
@@ -0,0 +1,129 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group card
+////
+
+/// Defualt background color.
+/// @type Color
+$card-background: $white !default;
+
+/// Default font color for cards.
+/// @type Color
+$card-font-color: $body-font-color !default;
+
+/// Default background.
+/// @type Color
+$card-divider-background: $light-gray !default;
+
+/// Default border style.
+/// @type List
+$card-border: 1px solid $light-gray !default;
+
+/// Default card shadow.
+/// @type List
+$card-shadow: none !default;
+
+/// Default border radius.
+/// @type List
+$card-border-radius: $global-radius !default;
+
+/// Default padding.
+/// @type Number
+$card-padding: $global-padding !default;
+
+/// Default bottom margin.
+/// @type number
+$card-margin-bottom: $global-margin !default;
+
+/// Adds styles for a card container.
+/// @param {Color} $background - Background color of the card.
+/// @param {Color} $color - font color of the card.
+/// @param {Number} $margin - Bottom margin of the card.
+/// @param {List} $border - Border around the card.
+/// @param {List} $radius - border radius of the card.
+/// @param {List} $shadow - box shadow of the card.
+@mixin card-container(
+ $background: $card-background,
+ $color: $card-font-color,
+ $margin: $card-margin-bottom,
+ $border: $card-border,
+ $radius: $card-border-radius,
+ $shadow: $card-shadow
+) {
+ @if $global-flexbox {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ }
+
+ margin-bottom: $margin;
+
+ border: $border;
+ border-radius: $radius;
+
+ background: $background;
+ box-shadow: $shadow;
+
+ overflow: hidden;
+ color: $color;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card divider.
+@mixin card-divider(
+ $background: $card-divider-background,
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 0 1 auto;
+ display: flex;
+ }
+
+ padding: $padding;
+ background: $background;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card section.
+@mixin card-section(
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 1 0 auto;
+ }
+
+ padding: $padding;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+@mixin foundation-card {
+ .card {
+ @include card-container;
+ }
+
+ .card-divider {
+ @include card-divider;
+ }
+
+ .card-section {
+ @include card-section;
+ }
+
+ // For IE 11 - Flexbug
+ // https://github.com/philipwalton/flexbugs/issues/75
+ .card-image {
+ min-height: 1px;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss
new file mode 100644
index 0000000..927741f
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss
@@ -0,0 +1,102 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group close-button
+////
+
+/// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`.
+/// @type List
+$closebutton-position: right top !default;
+
+/// Right (or left) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+) !default;
+
+/// Top (or bottom) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+) !default;
+
+/// Default font size(s) of the close button.
+/// @type Number|Map
+$closebutton-size: (
+ small: 1.5em,
+ medium: 2em,
+) !default;
+
+/// The line-height of the close button. It affects the spacing of the element.
+/// @type Number
+$closebutton-lineheight: 1 !default;
+
+/// Default color of the close button.
+/// @type Color
+$closebutton-color: $dark-gray !default;
+
+/// Default color of the close button when being hovered on.
+/// @type Color
+$closebutton-color-hover: $black !default;
+
+
+/// Get the size and position for a close button. If the input value is a number, the number is returned. If the input value is a config map and the map has the key `$size`, the value is returned.
+///
+/// @param {Number|Map} $value - A number or map that represents the size or position value(s) of the close button.
+/// @param {Keyword} $size - The size of the close button to use.
+///
+/// @return {Number} The given number or the value found in the map.
+@function -zf-get-size-val($value, $size) {
+ // Check if the value is a number
+ @if type-of($value) == 'number' {
+ // If it is, just return the number
+ @return $value;
+ }
+
+ // Check if the size name exists in the value map
+ @else if map-has-key($value, $size) {
+ // If it does, return the value
+ @return map-get($value, $size);
+ }
+}
+
+/// Sets the size and position of a close button.
+/// @param {Keyword} $size [medium] - The size to use. Set to `small` to create a small close button. The 'medium' values defined in `$closebutton-*` variables will be used as the default size and position of the close button.
+@mixin close-button-size($size) {
+ $x: nth($closebutton-position, 1);
+ $y: nth($closebutton-position, 2);
+
+ #{$x}: -zf-get-size-val($closebutton-offset-horizontal, $size);
+ #{$y}: -zf-get-size-val($closebutton-offset-vertical, $size);
+ font-size: -zf-get-size-val($closebutton-size, $size);
+ line-height: -zf-get-size-val($closebutton-lineheight, $size);
+}
+
+/// Adds styles for a close button, using the styles in the settings variables.
+@mixin close-button {
+ $x: nth($closebutton-position, 1);
+ $y: nth($closebutton-position, 2);
+
+ @include disable-mouse-outline;
+ position: absolute;
+ color: $closebutton-color;
+ cursor: pointer;
+
+ &:hover,
+ &:focus {
+ color: $closebutton-color-hover;
+ }
+}
+
+@mixin foundation-close-button {
+ .close-button {
+ @include close-button;
+
+ &.small { @include close-button-size(small) }
+ &, &.medium { @include close-button-size(medium) }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss
new file mode 100644
index 0000000..1719080
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss
@@ -0,0 +1,142 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group drilldown
+////
+
+/// Transition property to use for animating menus.
+/// @type Transition
+$drilldown-transition: transform 0.15s linear !default;
+
+/// Adds arrows to drilldown items with submenus, as well as the back button.
+/// @type Boolean
+$drilldown-arrows: true !default;
+
+/// Sets drilldown menu item padding.
+/// @type Number
+$drilldown-padding: $global-menu-padding !default;
+
+/// Sets drilldown menu nested margin
+/// @type Number
+$drilldown-nested-margin: 0 !default;
+
+/// Background color for drilldown top level items.
+/// @type Color
+$drilldown-background: $white !default;
+
+/// Sets drilldown menu item padding in the submenu.
+/// @type Number
+$drilldown-submenu-padding: $drilldown-padding !default;
+
+/// Background color for drilldown submenus.
+/// @type Color
+$drilldown-submenu-background: $white !default;
+
+/// Sets drilldown arrow color if arrow is used.
+/// @type Color
+$drilldown-arrow-color: $primary-color !default;
+
+/// Sets drilldown arrow size if arrow is used.
+/// @type Length
+$drilldown-arrow-size: 6px !default;
+
+@mixin zf-drilldown-left-right-arrows {
+ .is-drilldown-submenu-parent > a {
+ position: relative;
+ &::after {
+ position: absolute;
+ top: 50%;
+ margin-top: -1 * $drilldown-arrow-size;
+ #{$global-right}: 1rem;
+ @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);
+ }
+ }
+
+ &.align-left .is-drilldown-submenu-parent > a::after {
+ left: auto;
+ right: 1rem;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);
+ }
+
+ &.align-right .is-drilldown-submenu-parent > a::after {
+ right: auto;
+ left: 1rem;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
+ }
+
+}
+
+@mixin foundation-drilldown-menu {
+ // Applied to the Menu container
+ .is-drilldown {
+ position: relative;
+ overflow: hidden;
+
+ li {
+ display: block;
+ }
+
+ &.animate-height {
+ transition: height 0.5s;
+ }
+ }
+
+ // The top level <ul>
+ .drilldown {
+ a {
+ padding: $drilldown-padding;
+ background: $drilldown-background;
+ }
+
+ // Applied to submenu <ul>s
+ .is-drilldown-submenu {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 100%;
+ z-index: -1;
+
+ width: 100%;
+ background: $drilldown-submenu-background;
+ transition: $drilldown-transition;
+
+ &.is-active {
+ z-index: 1;
+ display: block;
+ transform: translateX(if($global-text-direction == ltr, -100%, 100%));
+ }
+
+ &.is-closing {
+ transform: translateX(if($global-text-direction == ltr, 100%, -100%));
+ }
+
+ // Submenu item padding
+ a {
+ padding: $drilldown-submenu-padding;
+ }
+ }
+
+ .nested.is-drilldown-submenu {
+ @include menu-nested($drilldown-nested-margin);
+ }
+
+ .drilldown-submenu-cover-previous {
+ min-height: 100%;
+ }
+
+ @if $drilldown-arrows {
+ @include zf-drilldown-left-right-arrows;
+
+ .js-drilldown-back > a::before {
+ @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-left);
+ border-#{$global-left}-width: 0;
+ display: inline-block;
+ vertical-align: middle;
+ margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
+
+ border-#{$global-left}-width: 0;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss
new file mode 100644
index 0000000..463f78a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss
@@ -0,0 +1,274 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group dropdown-menu
+////
+
+/// Enables arrows for items with dropdown menus.
+/// @type Boolean
+$dropdownmenu-arrows: true !default;
+
+/// Sets dropdown menu arrow color if arrow is used.
+/// @type Color
+$dropdownmenu-arrow-color: $anchor-color !default;
+
+/// Sets dropdown menu arrow size if arrow is used.
+/// @type Length
+$dropdownmenu-arrow-size: 6px !default;
+
+/// Sets dropdown menu arrow padding for aligning the arrow correctly.
+/// @type Length
+$dropdownmenu-arrow-padding: 1.5rem !default;
+
+/// Minimum width of dropdown sub-menus.
+/// @type Length
+$dropdownmenu-min-width: 200px !default;
+
+/// Background color for top level items.
+/// @type Color
+$dropdownmenu-background: $white !default;
+
+/// Background color for dropdowns.
+/// @type Color
+$dropdownmenu-submenu-background: $dropdownmenu-background !default;
+
+/// Padding for top level items.
+/// @type Number
+$dropdownmenu-padding: $global-menu-padding !default;
+
+/// Sets dropdown menu nested margin
+/// @type Number
+$dropdownmenu-nested-margin: 0 !default;
+
+/// Padding for sub-menu items.
+/// @type Number
+$dropdownmenu-submenu-padding: $dropdownmenu-padding !default;
+
+/// Border for dropdown sub-menus.
+/// @type List
+$dropdownmenu-border: 1px solid $medium-gray !default;
+
+// Border width for dropdown sub-menus.
+// Used to adjust top margin of a sub-menu if a border is used.
+// @type Length
+$dropdownmenu-border-width: nth($dropdownmenu-border, 1);
+
+/// Text color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-color-active: get-color(primary) !default;
+
+/// Background color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-background-active: transparent !default;
+
+@mixin zf-dropdown-left-right-arrows {
+ > a::after {
+ #{$global-right}: 14px;
+ }
+
+ &.opens-left > a::after {
+ right: auto;
+ left: 5px;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
+ }
+
+ &.opens-right > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);
+ }
+}
+
+@mixin dropdown-menu-direction($dir: horizontal) {
+ @if $dir == horizontal {
+ > li.opens-left {
+ > .is-dropdown-submenu {
+ top: 100%;
+ right: 0;
+ left: auto;
+ }
+ }
+
+ > li.opens-right {
+ > .is-dropdown-submenu {
+ top: 100%;
+ right: auto;
+ left: 0;
+ }
+ }
+
+ @if $dropdownmenu-arrows {
+ > li.is-dropdown-submenu-parent > a {
+ position: relative;
+ padding-#{$global-right}: $dropdownmenu-arrow-padding;
+ }
+
+ > li.is-dropdown-submenu-parent > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);
+ #{$global-right}: 5px;
+ #{$global-left}: auto;
+ margin-top: -1 * ($dropdownmenu-arrow-size / 2);
+ }
+ }
+ }
+ @else if $dir == vertical {
+ > li {
+ .is-dropdown-submenu {
+ top: 0;
+ }
+
+ &.opens-left {
+ > .is-dropdown-submenu {
+ right: 100%;
+ left: auto;
+ top: 0;
+ }
+ }
+
+ &.opens-right {
+ > .is-dropdown-submenu {
+ right: auto;
+ left: 100%;
+ }
+ }
+
+ @if $dropdownmenu-arrows {
+ @include zf-dropdown-left-right-arrows;
+ }
+ }
+ }
+ @else {
+ @warn 'The direction used for dropdown-menu-direction() must be horizontal or vertical.';
+ }
+}
+
+@mixin foundation-dropdown-menu {
+ .dropdown.menu {
+ @include dropdown-menu-direction(horizontal);
+
+ a {
+ @include disable-mouse-outline;
+ padding: $dropdownmenu-padding;
+ }
+
+ // Active state
+ .is-active > a {
+ background: $dropdown-menu-item-background-active;
+ color: $dropdown-menu-item-color-active;
+ }
+
+ .no-js & ul {
+ display: none;
+ }
+
+ .nested.is-dropdown-submenu {
+ @include menu-nested($dropdownmenu-nested-margin);
+ }
+
+ &.vertical {
+ @include dropdown-menu-direction(vertical);
+ }
+
+ @each $size in $breakpoint-classes {
+ @if $size != $-zf-zero-breakpoint {
+ @include breakpoint($size) {
+ &.#{$size}-horizontal {
+ @include dropdown-menu-direction(horizontal);
+ }
+
+ &.#{$size}-vertical {
+ @include dropdown-menu-direction(vertical);
+ }
+ }
+ }
+ }
+
+ &.align-right {
+ .is-dropdown-submenu.first-sub {
+ top: 100%;
+ right: 0;
+ left: auto;
+ }
+ }
+ }
+
+ .is-dropdown-menu.vertical {
+ width: 100px;
+
+ &.align-right {
+ float: right;
+ }
+ }
+
+ .is-dropdown-submenu-parent {
+ position: relative;
+
+ a::after {
+ position: absolute;
+ top: 50%;
+ #{$global-right}: 5px;
+ #{$global-left}: auto;
+ margin-top: -1 * $dropdownmenu-arrow-size;
+ }
+
+ &.opens-inner > .is-dropdown-submenu {
+
+ top: 100%;
+ @if $global-text-direction == 'rtl' {
+ right: auto;
+ }
+ @else {
+ left: auto;
+ }
+ }
+
+ &.opens-left > .is-dropdown-submenu {
+ right: 100%;
+ left: auto;
+ }
+
+ &.opens-right > .is-dropdown-submenu {
+ right: auto;
+ left: 100%;
+ }
+ }
+
+ .is-dropdown-submenu {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 100%;
+ z-index: 1;
+
+ display: none;
+ min-width: $dropdownmenu-min-width;
+
+ border: $dropdownmenu-border;
+ background: $dropdownmenu-submenu-background;
+
+ .dropdown & a {
+ padding: $dropdownmenu-submenu-padding;
+ }
+
+ .is-dropdown-submenu-parent {
+ @if $dropdownmenu-arrows {
+ @include zf-dropdown-left-right-arrows;
+ }
+ }
+
+ @if (type-of($dropdownmenu-border-width) == 'number') {
+ .is-dropdown-submenu {
+ margin-top: (-$dropdownmenu-border-width);
+ }
+ }
+
+ > li {
+ width: 100%;
+ }
+
+ // [TODO] Cut back specificity
+ //&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...
+ &.js-dropdown-active {
+ display: block;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss
new file mode 100644
index 0000000..2d6366e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss
@@ -0,0 +1,79 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group dropdown
+////
+
+/// Padding for dropdown panes.
+/// @type List
+$dropdown-padding: 1rem !default;
+
+/// Background for dropdown panes.
+/// @type Color
+$dropdown-background: $body-background !default;
+
+/// Border for dropdown panes.
+/// @type List
+$dropdown-border: 1px solid $medium-gray !default;
+
+/// Font size for dropdown panes.
+/// @type List
+$dropdown-font-size: 1rem !default;
+
+/// Width for dropdown panes.
+/// @type Number
+$dropdown-width: 300px !default;
+
+/// Border radius dropdown panes.
+/// @type Number
+$dropdown-radius: $global-radius !default;
+
+/// Sizes for dropdown panes. Each size is a CSS class you can apply.
+/// @type Map
+$dropdown-sizes: (
+ tiny: 100px,
+ small: 200px,
+ large: 400px,
+) !default;
+
+/// Applies styles for a basic dropdown.
+@mixin dropdown-container {
+ position: absolute;
+ z-index: 10;
+
+ width: $dropdown-width;
+ padding: $dropdown-padding;
+
+ visibility: hidden;
+ display: none;
+ border: $dropdown-border;
+ border-radius: $dropdown-radius;
+ background-color: $dropdown-background;
+
+ font-size: $dropdown-font-size;
+
+
+ // Allow an intermittent state to do positioning before making visible.
+ &.is-opening {
+ display: block;
+ }
+
+ &.is-open {
+ visibility: visible;
+ display: block;
+ }
+}
+
+@mixin foundation-dropdown {
+ .dropdown-pane {
+ @include dropdown-container;
+ }
+
+ @each $name, $size in $dropdown-sizes {
+ .dropdown-pane.#{$name} {
+ width: $size;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss
new file mode 100644
index 0000000..bf85a6c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss
@@ -0,0 +1 @@
+@import 'responsive-embed';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss
new file mode 100644
index 0000000..32b79ba
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss
@@ -0,0 +1,117 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group Flexbox Utilities
+////
+//
+/// Default value for the count of source ordering`
+/// @type Number
+$flex-source-ordering-count: 6 !default;
+
+/// Quickly disable/enable Responsive breakpoints for Vanilla Flex Helpers.
+/// @type Boolean
+$flexbox-responsive-breakpoints: true !default;
+
+@mixin flex-helpers {
+ .flex-container {
+ @include flex;
+ }
+
+ .flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+
+ @if ($flexbox-responsive-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-flex-container {
+ @include flex;
+ }
+
+ .#{$size}-flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .#{$size}-flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .#{$size}-flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .#{$size}-flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+@mixin foundation-flex-classes {
+ // Horizontal alignment using justify-content
+ @each $hdir, $prop in map-remove($-zf-flex-justify, 'left') {
+ .align-#{$hdir} {
+ @include flex-align($x: $hdir);
+ }
+ }
+
+ // Horizontal alignment Specifically for Vertical Menu
+ @each $hdir, $prop in map-remove($-zf-flex-justify, 'left', 'justify', 'spaced') {
+ .align-#{$hdir} {
+ &.vertical.menu > li > a {
+ @include flex-align($x: $hdir);
+ }
+ }
+ }
+
+ // Vertical alignment using align-items and align-self
+ @each $vdir, $prop in $-zf-flex-align {
+ .align-#{$vdir} {
+ @include flex-align($y: $vdir);
+ }
+
+ .align-self-#{$vdir} {
+ @include flex-align-self($y: $vdir);
+ }
+ }
+
+ // Central alignment of content
+ .align-center-middle {
+ @include flex-align($x: center, $y: middle);
+ align-content: center;
+ }
+
+ // Source ordering
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $flex-source-ordering-count {
+ .#{$-zf-size}-order-#{$i} {
+ @include flex-order($i);
+ }
+ }
+ }
+
+ // Vanilla Flexbox Helpers
+ @include flex-helpers;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss
new file mode 100644
index 0000000..3f81f3d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss
@@ -0,0 +1,27 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group float
+////
+
+@mixin foundation-float-classes {
+ .float-left {
+ float: left !important;
+ }
+
+ .float-right {
+ float: right !important;
+ }
+
+ .float-center {
+ display: block;
+ margin-right: auto;
+ margin-left: auto;
+ }
+
+ .clearfix {
+ @include clearfix;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss
new file mode 100644
index 0000000..cf7cf7d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss
@@ -0,0 +1,64 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group label
+////
+
+/// Default background color for labels.
+/// @type Color
+$label-background: $primary-color !default;
+
+/// Default text color for labels.
+/// @type Color
+$label-color: $white !default;
+
+/// Alternate text color for labels.
+/// @type Color
+$label-color-alt: $black !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$label-palette: $foundation-palette !default;
+
+/// Default font size for labels.
+/// @type Number
+$label-font-size: 0.8rem !default;
+
+/// Default padding inside labels.
+/// @type Number
+$label-padding: 0.33333rem 0.5rem !default;
+
+/// Default radius of labels.
+/// @type Number
+$label-radius: $global-radius !default;
+
+/// Generates base styles for a label.
+@mixin label {
+ display: inline-block;
+ padding: $label-padding;
+
+ border-radius: $label-radius;
+
+ font-size: $label-font-size;
+ line-height: 1;
+ white-space: nowrap;
+ cursor: default;
+}
+
+@mixin foundation-label {
+ .label {
+ @include label;
+
+ background: $label-background;
+ color: $label-color;
+
+ @each $name, $color in $label-palette {
+ &.#{$name} {
+ background: $color;
+ color: color-pick-contrast($color, ($label-color, $label-color-alt));
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_media-object.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_media-object.scss
new file mode 100644
index 0000000..3c85f46
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_media-object.scss
@@ -0,0 +1,114 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group media-object
+////
+
+/// Bottom margin of a media object.
+/// @type Number
+$mediaobject-margin-bottom: $global-margin !default;
+
+/// Left and right padding on sections within a media object.
+/// @type Number
+$mediaobject-section-padding: $global-padding !default;
+
+/// Width of images within a media object, when the object is stacked vertically. Set to 'auto' to use the image's natural width.
+/// @type Number
+$mediaobject-image-width-stacked: 100% !default;
+
+/// Adds styles for a media object container.
+@mixin media-object-container {
+ display: if($global-flexbox, flex, block);
+ margin-bottom: $mediaobject-margin-bottom;
+
+ @if $global-flexbox {
+ flex-wrap: nowrap;
+ }
+}
+
+/// Adds styles for sections within a media object.
+/// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.
+@mixin media-object-section($padding: $mediaobject-section-padding) {
+ @if $global-flexbox {
+ flex: 0 1 auto;
+ }
+ @else {
+ display: table-cell;
+ vertical-align: top;
+ }
+
+ &:first-child {
+ padding-#{$global-right}: $padding;
+ }
+
+ &:last-child:not(:nth-child(2)) {
+ padding-#{$global-left}: $padding;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles to stack sections of a media object. Apply this to the section elements, not the container.
+@mixin media-object-stack {
+ padding: 0;
+ padding-bottom: $mediaobject-section-padding;
+
+ @if $global-flexbox {
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+ @else {
+ display: block;
+ }
+
+ img {
+ width: $mediaobject-image-width-stacked;
+ }
+}
+
+@mixin foundation-media-object {
+ .media-object {
+ @include media-object-container;
+
+ img {
+ max-width: none;
+ }
+
+ @if $global-flexbox {
+ &.stack-for-#{$-zf-zero-breakpoint} {
+ @include breakpoint($-zf-zero-breakpoint only) {
+ flex-wrap: wrap;
+ }
+ }
+ }
+
+ &.stack-for-#{$-zf-zero-breakpoint} .media-object-section {
+ @include breakpoint($-zf-zero-breakpoint only) {
+ @include media-object-stack;
+ }
+ }
+ }
+
+ .media-object-section {
+ @include media-object-section;
+
+ @if $global-flexbox {
+ &.main-section {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ }
+ @else {
+ &.middle {
+ vertical-align: middle;
+ }
+
+ &.bottom {
+ vertical-align: bottom;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu-icon.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu-icon.scss
new file mode 100644
index 0000000..b0df173
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu-icon.scss
@@ -0,0 +1,9 @@
+@mixin foundation-menu-icon {
+ .menu-icon {
+ @include hamburger($color: $titlebar-icon-color, $color-hover: $titlebar-icon-color-hover);
+ }
+
+ .menu-icon.dark {
+ @include hamburger;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu.scss
new file mode 100644
index 0000000..fa100c6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_menu.scss
@@ -0,0 +1,495 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group menu
+////
+
+/// Margin of a menu.
+/// @type Number
+$menu-margin: 0 !default;
+
+/// Left-hand margin of a nested menu.
+/// @type Number
+$menu-nested-margin: $global-menu-nested-margin !default;
+
+/// Padding for items in a pill menu.
+/// @type Number
+$menu-items-padding: $global-menu-padding !default;
+
+/// margin for items in a simple menu.
+/// @type Number
+$menu-simple-margin: 1rem !default;
+
+/// Text color of an active menu item.
+/// @type Color
+$menu-item-color-active: $white !default;
+
+/// Background color of an active menu item.
+/// @type Color
+$menu-item-background-active: get-color(primary) !default;
+
+/// Spacing between an icon and text in a menu item.
+/// @type Number
+$menu-icon-spacing: 0.25rem !default;
+
+/// Background color for an hovered menu item.
+/// @type Color
+$menu-item-background-hover: $light-gray !default;
+
+/// Backward compatibility for menu state. If true, this duplicate `active` with `is-active`.
+/// But please note that `active` will be removed in upcoming versions.
+/// @type Boolean
+$menu-state-back-compat: true !default;
+
+/// Backward compatibility for menu centered. If true, this duplicate `.menu-centered > .menu` with `.menu.align-center`.
+/// But please note that `menu-centered` will be removed in upcoming versions.
+/// @type Boolean
+$menu-centered-back-compat: true !default;
+
+/// Backward compatibility for using `icon-*` classes without `.icons` classes
+/// But please note that this backward compatibility will be removed in upcoming versions.
+/// @type Boolean
+$menu-icons-back-compat: true !default;
+
+/// Creates the base styles for a Menu.
+@mixin menu-base {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ position: relative;
+
+ @if $global-flexbox {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ li {
+ @include disable-mouse-outline;
+ }
+
+ a,
+ .button {
+ line-height: 1;
+ text-decoration: none;
+ display: block;
+ padding: $menu-items-padding;
+ }
+
+ // Reset styles of inner elements
+ input,
+ select,
+ a,
+ button {
+ margin-bottom: 0;
+ }
+
+ input {
+ display: inline-block;
+ }
+}
+
+/// Expands the items of a Menu, so each item is the same width.
+@mixin menu-expand {
+ @if $global-flexbox {
+ li {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ }
+ @else {
+ display: table;
+ width: 100%;
+
+ > li {
+ display: table-cell;
+ vertical-align: middle;
+ }
+ }
+}
+
+/// Align menu items.
+@mixin menu-align($alignment) {
+ @if $alignment == left {
+ @if $global-flexbox {
+ justify-content: flex-start;
+ }
+ @else {
+ text-align: $global-left;
+ }
+ }
+ @else if $alignment == right {
+ @if $global-flexbox {
+ li {
+ display: flex;
+ justify-content: flex-end;
+
+ .submenu li {
+ justify-content: flex-start;
+ }
+ }
+
+ &.vertical li {
+ display: block;
+ text-align: $global-right;
+
+ .submenu li {
+ text-align: $global-right;
+ }
+ }
+ }
+ @else {
+ text-align: $global-right;
+
+ .submenu li {
+ text-align: $global-left;
+ }
+
+ &.vertical {
+ .submenu li {
+ text-align: $global-right;
+ }
+ }
+ }
+ }
+ @else if $alignment == center {
+ @if $global-flexbox {
+ li {
+ display: flex;
+ justify-content: center;
+
+ .submenu li {
+ justify-content: flex-start;
+ }
+ }
+ }
+ @else {
+ text-align: center;
+
+ .submenu li {
+ text-align: $global-left;
+ }
+ }
+ }
+}
+
+/// Sets the direction of a Menu.
+/// @param {Keyword} $dir [horizontal] - Direction of the Menu. Can be `horizontal` or `vertical`.
+@mixin menu-direction($dir: horizontal) {
+ @if $dir == horizontal {
+ @if $global-flexbox {
+ flex-wrap: wrap;
+ flex-direction: row;
+ }
+ @else {
+ li {
+ display: inline-block;
+ }
+ }
+ }
+ @else if $dir == vertical {
+ @if $global-flexbox {
+ flex-wrap: nowrap;
+ flex-direction: column;
+ }
+ @else {
+ li {
+ display: block;
+ }
+ }
+ }
+ @else {
+ @warn 'The direction used for menu-direction() must be horizontal or vertical.';
+ }
+}
+
+/// Creates a simple Menu, which has no padding or hover state.
+/// @param {Keyword} $dir [$global-left] - Direction of the menu. This effects the side of the `<li>` that receives the margin.
+/// @param {Number} $margin [$menu-simple-margin] - The margin to apply to each `<li>`.
+@mixin menu-simple($dir: $global-left, $margin: $menu-simple-margin) {
+ @if $global-flexbox {
+ align-items: center;
+ }
+
+ li + li {
+ margin-#{$dir}: $margin;
+ }
+
+ a {
+ padding: 0;
+ }
+}
+
+/// Adds styles for a nested Menu, by adding `margin-left` to the menu.
+/// @param {Keyword|Number} $margin [$menu-nested-margin] - Length of the margin.
+/// @param {Keyword} $nested-alignment [left] - Alignment of the nested class
+@mixin menu-nested(
+ $margin: $menu-nested-margin,
+ $nested-alignment: left
+) {
+ @if $nested-alignment == right {
+ margin-#{$global-right}: $margin;
+ margin-#{$global-left}: 0;
+ }
+ @else {
+ margin-#{$global-right}: 0;
+ margin-#{$global-left}: $margin;
+ }
+
+}
+
+/// Adds basic styles for icons in menus.
+@mixin menu-icons() {
+ @if $global-flexbox {
+ a {
+ display: flex;
+ }
+ }
+ @else {
+ img,
+ i,
+ svg {
+ vertical-align: middle;
+
+ + span {
+ vertical-align: middle;
+ }
+ }
+ }
+}
+
+/// Adds position classes for icons within a menu.
+@mixin menu-icon-position($position: left, $spacing: $menu-icon-spacing) {
+ @if $position == left {
+ li a {
+ @if $global-flexbox {
+ flex-flow: row nowrap;
+ }
+
+ img,
+ i,
+ svg {
+ margin-#{$global-right}: $spacing;
+
+ @if not $global-flexbox {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ @else if $position == right {
+ li a {
+ @if $global-flexbox {
+ flex-flow: row nowrap;
+ }
+
+ img,
+ i,
+ svg {
+ margin-#{$global-left}: $spacing;
+
+ @if not $global-flexbox {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ @else if $position == top {
+ li a {
+ @if $global-flexbox {
+ flex-flow: column nowrap;
+ }
+ @else {
+ text-align: center;
+ }
+
+ img,
+ i,
+ svg {
+ @if not $global-flexbox {
+ display: block;
+ margin: 0 auto $spacing;
+ }
+ @else {
+ align-self: stretch;
+ margin-bottom: $spacing;
+ text-align: center;
+ }
+ }
+ }
+ }
+ @else if $position == bottom {
+ li a {
+ @if $global-flexbox {
+ flex-flow: column nowrap;
+ }
+ @else {
+ text-align: center;
+ }
+
+ img,
+ i,
+ svg {
+ @if not $global-flexbox {
+ display: block;
+ margin: $spacing auto 0;
+ }
+ @else {
+ align-self: stretch;
+ margin-bottom: $spacing;
+ text-align: center;
+ }
+ }
+ }
+ }
+}
+
+@mixin menu-text {
+ padding: $global-menu-padding;
+
+ font-weight: bold;
+ line-height: 1;
+ color: inherit;
+}
+
+@mixin menu-state-active {
+ background: $menu-item-background-active;
+ color: $menu-item-color-active;
+}
+
+@mixin foundation-menu {
+ .menu {
+ @include menu-base;
+
+ // Default orientation: horizontal
+ &, &.horizontal {
+ @include menu-direction(horizontal);
+ }
+
+ // Vertical orientation modifier
+ &.vertical {
+ @include menu-direction(vertical);
+ }
+
+ // Even-width modifier for horizontal orientation
+ &.expanded {
+ @include menu-expand;
+ }
+
+ // Simple
+ &.simple {
+ @include menu-simple;
+ }
+
+ // Breakpoint specific versions
+ @include -zf-each-breakpoint($small: false) {
+ &.#{$-zf-size}-horizontal {
+ @include menu-direction(horizontal);
+ }
+
+ &.#{$-zf-size}-vertical {
+ @include menu-direction(vertical);
+ }
+
+ &.#{$-zf-size}-expanded {
+ @include menu-expand;
+ }
+
+ &.#{$-zf-size}-simple {
+ @include menu-expand;
+ }
+ }
+
+ // Nesting
+ &.nested {
+ @include menu-nested;
+ }
+
+ // Icon Base Styles
+ &.icons {
+ @include menu-icons;
+ }
+
+ // Backward Compatibility for active state
+ @if $menu-icons-back-compat {
+ &.icon-top,
+ &.icon-right,
+ &.icon-bottom,
+ &.icon-left {
+ @include menu-icons;
+ }
+ }
+
+ // Icon Left
+ &.icon-left {
+ @include menu-icon-position(left);
+ }
+
+ // Icon Right
+ &.icon-right {
+ @include menu-icon-position(right);
+ }
+
+ // Icon Top
+ &.icon-top {
+ @include menu-icon-position(top);
+ }
+
+ // Icon Bottom
+ &.icon-bottom {
+ @include menu-icon-position(bottom);
+ }
+
+ // Active state
+ .is-active > a {
+ @include menu-state-active;
+ }
+
+ // Backward Compatibility for active state
+ @if $menu-state-back-compat {
+ .active > a {
+ @include menu-state-active;
+ }
+ }
+
+ // Align left
+ &.align-#{$global-left} {
+ @include menu-align(left);
+ }
+
+ // Align right
+ &.align-#{$global-right} {
+ @include menu-align(right);
+
+ .nested {
+ @include menu-nested($nested-alignment: right);
+ }
+ }
+
+ // Align center
+ &.align-center {
+ @include menu-align(center);
+ }
+
+ .menu-text {
+ @include menu-text;
+ }
+ }
+
+ @if $menu-centered-back-compat {
+ .menu-centered {
+ > .menu {
+ @if $global-flexbox {
+ justify-content: center;
+ }
+
+ @include menu-align(center);
+ }
+ }
+ }
+
+ // Prevent FOUC when using the Responsive Menu plugin
+ .no-js [data-responsive-menu] ul {
+ display: none;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_off-canvas.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_off-canvas.scss
new file mode 100644
index 0000000..03a1215
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_off-canvas.scss
@@ -0,0 +1,506 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group off-canvas
+////
+
+/// Width map of a left/right off-canvas panel.
+/// @type Map
+$offcanvas-sizes: (
+ small: 250px,
+) !default;
+
+/// Height map of a top/bottom off-canvas panel.
+/// @type Map
+$offcanvas-vertical-sizes: (
+ small: 250px,
+) !default;
+
+/// Background color of an off-canvas panel.
+/// @type Color
+$offcanvas-background: $light-gray !default;
+
+/// Box shadow for the off-canvas overlap panel.
+/// @type Shadow
+$offcanvas-shadow: 0 0 10px rgba($black, 0.7) !default;
+
+/// Inner box shadow size for the off-canvas push panel.
+/// @type Number
+$offcanvas-inner-shadow-size: 20px !default;
+
+/// Inner box shadow color for the off-canvas push panel.
+/// @type Color
+$offcanvas-inner-shadow-color: rgba($black, 0.25) !default;
+
+/// Z-index of an off-canvas content overlay.
+/// @type Number
+$offcanvas-overlay-zindex: 11 !default;
+
+/// Z-index of an off-canvas panel with the `push` transition.
+/// @type Number
+$offcanvas-push-zindex: 12 !default;
+
+/// Z-index of an off-canvas panel with the `overlap` transition.
+/// @type Number
+$offcanvas-overlap-zindex: 13 !default;
+
+/// Z-index of an off-canvas panel using the `reveal-for-*` classes or mixin.
+/// @type Number
+$offcanvas-reveal-zindex: 12 !default;
+
+/// Length of the animation on an off-canvas panel.
+/// @type Number
+$offcanvas-transition-length: 0.5s !default;
+
+/// Timing function of the animation on an off-canvas panel.
+/// @type Keyword
+$offcanvas-transition-timing: ease !default;
+
+/// If `true`, a revealed off-canvas will be fixed-position, and scroll with the screen.
+/// @type Bool
+$offcanvas-fixed-reveal: true !default;
+
+/// Background color for the overlay that appears when an off-canvas panel is open.
+/// @type Color
+$offcanvas-exit-background: rgba($white, 0.25) !default;
+
+/// CSS class used for the main content area. The off-canvas mixins use this to target the page content.
+$maincontent-class: 'off-canvas-content' !default;
+
+/// Adds baseline styles for off-canvas. This CSS is required to make the other pieces work.
+@mixin off-canvas-basics {
+
+ /// Transform deprecated size settings into map & show warning
+ @if variable-exists(offcanvas-size) {
+ $offcanvas-sizes: (small: $offcanvas-size, medium: $offcanvas-size) !global;
+ @warn '$offcanvas-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-sizes instead';
+ }
+ @if variable-exists(offcanvas-vertical-size) {
+ $offcanvas-vertical-sizes: (small: $offcanvas-vertical-size, medium: $offcanvas-vertical-size) !global;
+ @warn '$offcanvas-vertical-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-vertical-sizes instead';
+ }
+
+ // Checks the z-indexes and increase them due to backwards compatibility.
+ // This is necessary because the overlay's z-index is new since v6.4 and may be identical to the user custom settings of the push z-index.
+ @if $offcanvas-push-zindex <= $offcanvas-overlay-zindex { $offcanvas-push-zindex: $offcanvas-overlay-zindex + 1 !global; }
+ @if $offcanvas-overlap-zindex <= $offcanvas-push-zindex { $offcanvas-overlap-zindex: $offcanvas-push-zindex + 1 !global; }
+ @if $offcanvas-reveal-zindex <= $offcanvas-overlay-zindex { $offcanvas-reveal-zindex: $offcanvas-overlay-zindex + 1 !global; }
+
+ // Hides overflow on body when an off-canvas panel is open.
+ .is-off-canvas-open {
+ overflow: hidden;
+ }
+
+ // Off-canvas overlay (generated by JavaScript)
+ .js-off-canvas-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: $offcanvas-overlay-zindex;
+
+ width: 100%;
+ height: 100%;
+
+ transition: opacity $offcanvas-transition-length $offcanvas-transition-timing, visibility $offcanvas-transition-length $offcanvas-transition-timing;
+
+ background: $offcanvas-exit-background;
+
+ opacity: 0;
+ visibility: hidden;
+
+ overflow: hidden;
+
+ &.is-visible {
+ opacity: 1;
+ visibility: visible;
+ }
+
+ &.is-closable {
+ cursor: pointer;
+ }
+
+ &.is-overlay-absolute {
+ position: absolute;
+ }
+
+ &.is-overlay-fixed {
+ position: fixed;
+ }
+ }
+}
+
+// Adds basic styles for an off-canvas wrapper.
+@mixin off-canvas-wrapper() {
+ position: relative;
+ overflow: hidden;
+}
+
+/// Adds basic styles for an off-canvas panel.
+@mixin off-canvas-base(
+ $background: $offcanvas-background,
+ $transition: $offcanvas-transition-length $offcanvas-transition-timing,
+ $fixed: true
+) {
+ @include disable-mouse-outline;
+
+ @if $fixed == true {
+ position: fixed;
+ }
+ @else {
+ position: absolute;
+ }
+
+ // Set the off-canvas z-index.
+ z-index: $offcanvas-push-zindex;
+
+ // Increase CSS specificity
+ &.is-transition-push {
+ z-index: $offcanvas-push-zindex;
+ }
+
+ transition: transform $transition;
+ backface-visibility: hidden;
+
+ background: $background;
+
+ // Hide inactive off-canvas within the content that have the same position
+ &.is-closed {
+ visibility: hidden;
+ }
+
+ // Overlap only styles.
+ &.is-transition-overlap {
+ z-index: $offcanvas-overlap-zindex;
+
+ &.is-open {
+ box-shadow: $offcanvas-shadow;
+ }
+ }
+
+ // Sets transform to 0 to show an off-canvas panel.
+ &.is-open {
+ transform: translate(0, 0);
+ }
+}
+
+/// Adds styles to position an off-canvas panel to the left/right/top/bottom.
+@mixin off-canvas-position(
+ $position: left,
+ $orientation: horizontal,
+ $sizes: if($orientation == horizontal, $offcanvas-sizes, $offcanvas-vertical-sizes)
+) {
+ @if $position == left {
+ top: 0;
+ left: 0;
+ height: 100%;
+ overflow-y: auto;
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ width: $size;
+ transform: translateX(-$size);
+ }
+ }
+
+ // Sets the position for nested off-canvas element
+ @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateX(-$size);
+ }
+ }
+ &.is-transition-overlap.is-open {
+ transform: translate(0, 0);
+ }
+ }
+
+ // Sets the open position for the content
+ @at-root .#{$maincontent-class}.is-open-#{$position} {
+ &.has-transition-push {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateX($size);
+ }
+ }
+ }
+ }
+ }
+ @else if $position == right {
+ top: 0;
+ right: 0;
+ height: 100%;
+ overflow-y: auto;
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ width: $size;
+ transform: translateX($size);
+ }
+ }
+
+ // Sets the position for nested off-canvas element
+ @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateX($size);
+ }
+ }
+ &.is-transition-overlap.is-open {
+ transform: translate(0, 0);
+ }
+ }
+
+ // Sets the open position for the content
+ @at-root .#{$maincontent-class}.is-open-#{$position} {
+ &.has-transition-push {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateX(-$size);
+ }
+ }
+ }
+ }
+ }
+ @else if $position == top {
+ top: 0;
+ left: 0;
+ width: 100%;
+ overflow-x: auto;
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ height: $size;
+ transform: translateY(-$size);
+ }
+ }
+
+ // Sets the position for nested off-canvas element
+ @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateY(-$size);
+ }
+ }
+ &.is-transition-overlap.is-open {
+ transform: translate(0, 0);
+ }
+ }
+
+ // Sets the open position for the content
+ @at-root .#{$maincontent-class}.is-open-#{$position} {
+ &.has-transition-push {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateY($size);
+ }
+ }
+ }
+ }
+ }
+ @else if $position == bottom {
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ overflow-x: auto;
+
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ height: $size;
+ transform: translateY($size);
+ }
+ }
+
+ // Sets the position for nested off-canvas element
+ @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateY($size);
+ }
+ }
+ &.is-transition-overlap.is-open {
+ transform: translate(0, 0);
+ }
+ }
+
+ // Sets the open position for the content
+ @at-root .#{$maincontent-class}.is-open-#{$position} {
+ &.has-transition-push {
+ @each $name, $size in $sizes {
+ @include breakpoint($name) {
+ transform: translateY(-$size);
+ }
+ }
+ }
+ }
+ }
+
+ // If $offcanvas-inner-shadow-size is set, add inner box-shadow.
+ // This mimics the off-canvas panel having a lower z-index, without having to have one.
+ @if $offcanvas-inner-shadow-size {
+ &.is-transition-push {
+ @if $position == left {
+ @include inner-side-shadow(right, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);
+ }
+ @else if $position == right {
+ @include inner-side-shadow(left, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);
+ }
+ @else if $position == top {
+ @include inner-side-shadow(bottom, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);
+ }
+ @else if $position == bottom {
+ @include inner-side-shadow(top, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);
+ }
+ }
+ }
+
+}
+
+/// Sets the styles for the content container.
+@mixin off-canvas-content() {
+ transform: none;
+ transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
+ backface-visibility: hidden;
+
+ // Transform scope until the element is closed (makes sure transitionend gets triggered)
+ &.has-transition-push {
+ transform: translate(0, 0);
+ }
+
+ // Consider element & content, nested in another content
+ .off-canvas.is-open {
+ transform: translate(0, 0);
+ }
+}
+
+/// Adds styles that reveal an off-canvas panel.
+@mixin off-canvas-reveal(
+$position: left,
+$zindex: $offcanvas-reveal-zindex,
+$content: $maincontent-class,
+$breakpoint: small
+) {
+ transform: none;
+ z-index: $zindex;
+ transition: none;
+ visibility: visible;
+
+ @if not $offcanvas-fixed-reveal {
+ position: absolute;
+ }
+
+ .close-button {
+ display: none;
+ }
+
+ // Consider revealed element is nested in content
+ .#{$maincontent-class} & {
+ transform: none;
+ }
+
+ @at-root .#{$content}.has-reveal-#{$position} {
+ margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);
+ }
+
+ // backwards compatibility (prior to v6.4)
+ & ~ .#{$content} {
+ margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);
+ }
+}
+
+/// Overrides the off-canvas styles
+@mixin in-canvas() {
+ visibility: visible;
+ height: auto;
+ position: static;
+ background: inherit;
+ width: inherit;
+ overflow: inherit;
+ transition: inherit;
+
+ // Increase CSS specificity
+ &.position-left,
+ &.position-right,
+ &.position-top,
+ &.position-bottom {
+ box-shadow: none;
+ transform: none;
+ }
+
+ .close-button {
+ display: none;
+ }
+}
+
+@mixin foundation-off-canvas {
+ @include off-canvas-basics;
+
+ // Off-canvas wrapper
+ .off-canvas-wrapper {
+ @include off-canvas-wrapper;
+ }
+
+ // Off-canvas container
+ .off-canvas {
+ @include off-canvas-base;
+
+ // Force position absolute for nested off-canvas because fixed doesn't work for push transition within the transform scope.
+ @at-root .#{$maincontent-class} & {
+ // NOTE: since overlap transition is currently forced if nested, there's no need to force position absolute until nested push transition is supported.
+ // position: absolute;
+ }
+ }
+
+ // Off-canvas container with absolute position
+ .off-canvas-absolute {
+ @include off-canvas-base($fixed: false);
+ }
+
+ // Off-canvas position classes
+ .position-left { @include off-canvas-position(left, horizontal); }
+ .position-right { @include off-canvas-position(right, horizontal); }
+ .position-top { @include off-canvas-position(top, vertical); }
+ .position-bottom { @include off-canvas-position(bottom, vertical); }
+
+ .off-canvas-content {
+ @include off-canvas-content;
+ }
+
+ // Reveal off-canvas panel on larger screens
+ @each $name, $value in $breakpoint-classes {
+ @if $name != $-zf-zero-breakpoint {
+ @include breakpoint($name) {
+ .position-left.reveal-for-#{$name} {
+ @include off-canvas-reveal(left, $offcanvas-reveal-zindex, $maincontent-class, $name);
+ }
+
+ .position-right.reveal-for-#{$name} {
+ @include off-canvas-reveal(right, $offcanvas-reveal-zindex, $maincontent-class, $name);
+ }
+
+ .position-top.reveal-for-#{$name} {
+ @include off-canvas-reveal(top, $offcanvas-reveal-zindex, $maincontent-class, $name);
+ }
+
+ .position-bottom.reveal-for-#{$name} {
+ @include off-canvas-reveal(bottom, $offcanvas-reveal-zindex, $maincontent-class, $name);
+ }
+ }
+ }
+ }
+
+ // Move in-canvas for larger screens
+ @each $name, $value in $breakpoint-classes {
+ @if $name != $-zf-zero-breakpoint {
+ @include breakpoint($name) {
+ .off-canvas.in-canvas-for-#{$name} {
+ @include in-canvas;
+ }
+ }
+ }
+ }
+}
+
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_orbit.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_orbit.scss
new file mode 100644
index 0000000..9b43fcd
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_orbit.scss
@@ -0,0 +1,196 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group orbit
+////
+
+/// Default color for Orbit's bullets.
+/// @type Color
+$orbit-bullet-background: $medium-gray !default;
+
+/// Default active color for Orbit's bullets.
+/// @type Color
+$orbit-bullet-background-active: $dark-gray !default;
+
+/// Default diameter for Orbit's bullets.
+/// @type Number
+$orbit-bullet-diameter: 1.2rem !default;
+
+/// Default margin between Orbit's bullets.
+/// @type Number
+$orbit-bullet-margin: 0.1rem !default;
+
+/// Default distance from slide region for Orbit's bullets.
+/// @type Number
+$orbit-bullet-margin-top: 0.8rem !default;
+
+/// Default bottom margin from Orbit's bullets to whatever content may lurk below it.
+/// @type Number
+$orbit-bullet-margin-bottom: 0.8rem !default;
+
+/// Default background color for Orbit's caption.
+/// @type Color
+$orbit-caption-background: rgba($black, 0.5) !default;
+
+/// Default padding for Orbit's caption.
+/// @type Number
+$orbit-caption-padding: 1rem !default;
+
+/// Default background color for Orbit's controls when hovered.
+/// @type Color
+$orbit-control-background-hover: rgba($black, 0.5) !default;
+
+/// Default padding for Orbit's controls.
+/// @type Number
+$orbit-control-padding: 1rem !default;
+
+/// Default z-index for Orbit's controls.
+/// @type Number
+$orbit-control-zindex: 10 !default;
+
+/// Adds styles for the outer Orbit wrapper. These styles are used on the `.orbit` class.
+@mixin orbit-wrapper {
+ position: relative;
+}
+
+/// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class.
+@mixin orbit-container {
+ position: relative;
+ height: 0; // Prevent FOUC by not showing until JS sets height
+ margin: 0;
+ list-style: none;
+ overflow: hidden;
+}
+
+/// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class.
+@mixin orbit-slide {
+ width: 100%;
+
+ &.no-motionui {
+ &.is-active {
+ top: 0;
+ left: 0;
+ }
+ }
+}
+
+@mixin orbit-figure {
+ margin: 0;
+}
+
+/// Adds styles for a slide containing an image. These styles are used on the `.orbit-image` class.
+@mixin orbit-image {
+ width: 100%;
+ max-width: 100%;
+ margin: 0;
+}
+
+/// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class.
+@mixin orbit-caption {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ margin-bottom: 0;
+ padding: $orbit-caption-padding;
+
+ background-color: $orbit-caption-background;
+ color: color-pick-contrast($orbit-caption-background);
+}
+
+/// Adds base styles for the next/previous buttons in an Orbit slider. These styles are shared between the `.orbit-next` and `.orbit-previous` classes in the default CSS.
+@mixin orbit-control {
+ @include disable-mouse-outline;
+ @include vertical-center;
+ z-index: $orbit-control-zindex;
+ padding: $orbit-control-padding;
+ color: $white;
+
+ &:hover,
+ &:active,
+ &:focus {
+ background-color: $orbit-control-background-hover;
+ }
+}
+
+/// Adds styles for the Orbit previous button. These styles are used on the `.orbit-previous` class.
+@mixin orbit-previous {
+ #{$global-left}: 0;
+}
+
+/// Adds styles for the Orbit next button. These styles are used on the `.orbit-next` class.
+@mixin orbit-next {
+ #{$global-left}: auto;
+ #{$global-right}: 0;
+}
+
+/// Adds styles for a container of Orbit bullets. /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-bullets` class.
+@mixin orbit-bullets {
+ @include disable-mouse-outline;
+ position: relative;
+ margin-top: $orbit-bullet-margin-top;
+ margin-bottom: $orbit-bullet-margin-bottom;
+ text-align: center;
+
+ button {
+ width: $orbit-bullet-diameter;
+ height: $orbit-bullet-diameter;
+ margin: $orbit-bullet-margin;
+
+ border-radius: 50%;
+ background-color: $orbit-bullet-background;
+
+ &:hover {
+ background-color: $orbit-bullet-background-active;
+ }
+
+ &.is-active {
+ background-color: $orbit-bullet-background-active;
+ }
+ }
+}
+
+@mixin foundation-orbit {
+ .orbit {
+ @include orbit-wrapper;
+ }
+
+ .orbit-container {
+ @include orbit-container;
+ }
+
+ .orbit-slide {
+ @include orbit-slide;
+ }
+
+ .orbit-figure {
+ @include orbit-figure;
+ }
+
+ .orbit-image {
+ @include orbit-image;
+ }
+
+ .orbit-caption {
+ @include orbit-caption;
+ }
+
+ %orbit-control {
+ @include orbit-control;
+ }
+
+ .orbit-previous {
+ @extend %orbit-control;
+ @include orbit-previous;
+ }
+
+ .orbit-next {
+ @extend %orbit-control;
+ @include orbit-next;
+ }
+
+ .orbit-bullets {
+ @include orbit-bullets;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_pagination.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_pagination.scss
new file mode 100644
index 0000000..d02ae03
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_pagination.scss
@@ -0,0 +1,193 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group pagination
+////
+
+/// Font size of pagination items.
+/// @type Number
+$pagination-font-size: rem-calc(14) !default;
+
+/// Default bottom margin of the pagination object.
+/// @type Number
+$pagination-margin-bottom: $global-margin !default;
+
+/// Text color of pagination items.
+/// @type Color
+$pagination-item-color: $black !default;
+
+/// Padding inside of pagination items.
+/// @type Number
+$pagination-item-padding: rem-calc(3 10) !default;
+
+/// Right margin to separate pagination items.
+/// @type Number
+$pagination-item-spacing: rem-calc(1) !default;
+
+/// Default radius for pagination items.
+/// @type Number
+$pagination-radius: $global-radius !default;
+
+/// Background color of pagination items on hover.
+/// @type Color
+$pagination-item-background-hover: $light-gray !default;
+
+/// Background color of pagination item for the current page.
+/// @type Color
+$pagination-item-background-current: $primary-color !default;
+
+/// Text color of the pagination item for the current page.
+/// @type Color
+$pagination-item-color-current: $white !default;
+
+/// Text color of a disabled pagination item.
+/// @type Color
+$pagination-item-color-disabled: $medium-gray !default;
+
+/// Color of the ellipsis in a pagination menu.
+/// @type Color
+$pagination-ellipsis-color: $black !default;
+
+/// If `false`, don't display page number links on mobile, only next/previous links
+/// and optionally current page number.
+/// @type Boolean
+$pagination-mobile-items: false !default;
+
+/// If `true`, display the current page number on mobile even if `$pagination-mobile-items` is set to `false`.
+/// This parameter will only override the visibility setting of the current item for `$pagination-mobile-items: false;`,
+/// it will not affect the current page number visibility when `$pagination-mobile-items` is set to `true`.
+/// @type Boolean
+$pagination-mobile-current-item: false !default;
+
+/// If `true`, arrows are added to the next and previous links of pagination.
+/// @type Boolean
+$pagination-arrows: true !default;
+
+/// Adds styles for a pagination container. Apply this to a `<ul>`.
+@mixin pagination-container (
+ $margin-bottom: $pagination-margin-bottom,
+ $font-size: $pagination-font-size,
+ $spacing: $pagination-item-spacing,
+ $radius: $pagination-radius,
+ $color: $pagination-item-color,
+ $padding: $pagination-item-padding,
+ $background-hover: $pagination-item-background-hover
+) {
+ @include clearfix;
+ margin-#{$global-left}: 0;
+ margin-bottom: $margin-bottom;
+
+ // List item
+ li {
+ margin-#{$global-right}: $spacing;
+ border-radius: $radius;
+ font-size: $font-size;
+
+ @if $pagination-mobile-items {
+ display: inline-block;
+ }
+ @else {
+ display: none;
+
+ &:last-child,
+ &:first-child {
+ display: inline-block;
+ }
+
+ @if $pagination-mobile-current-item {
+ &.current {
+ display: inline-block;
+ }
+ }
+
+ @include breakpoint(medium) {
+ display: inline-block;
+ }
+ }
+ }
+
+ // Page links
+ a,
+ button {
+ display: block;
+ padding: $padding;
+ border-radius: $radius;
+ color: $color;
+
+ &:hover {
+ background: $background-hover;
+ }
+ }
+}
+
+/// Adds styles for the current pagination item. Apply this to an `<a>`.
+@mixin pagination-item-current (
+ $padding: $pagination-item-padding,
+ $background-current: $pagination-item-background-current,
+ $color-current: $pagination-item-color-current
+) {
+ padding: $padding;
+ background: $background-current;
+ color: $color-current;
+ cursor: default;
+}
+
+/// Adds styles for a disabled pagination item. Apply this to an `<a>`.
+@mixin pagination-item-disabled (
+ $padding: $pagination-item-padding,
+ $color: $pagination-item-color-disabled
+) {
+ padding: $padding;
+ color: $color;
+ cursor: not-allowed;
+
+ &:hover {
+ background: transparent;
+ }
+}
+
+/// Adds styles for an ellipsis for use in a pagination list.
+@mixin pagination-ellipsis (
+ $padding: $pagination-item-padding,
+ $color: $pagination-ellipsis-color
+) {
+ padding: $padding;
+ content: '\2026';
+ color: $color;
+}
+
+@mixin foundation-pagination {
+ .pagination {
+ @include pagination-container;
+
+ .current {
+ @include pagination-item-current;
+ }
+
+ .disabled {
+ @include pagination-item-disabled;
+ }
+
+ .ellipsis::after {
+ @include pagination-ellipsis;
+ }
+ }
+
+ @if $pagination-arrows {
+ .pagination-previous a::before,
+ .pagination-previous.disabled::before {
+ display: inline-block;
+ margin-#{$global-right}: 0.5rem;
+ content: '\00ab';
+ }
+
+ .pagination-next a::after,
+ .pagination-next.disabled::after {
+ display: inline-block;
+ margin-#{$global-left}: 0.5rem;
+ content: '\00bb';
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_progress-bar.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_progress-bar.scss
new file mode 100644
index 0000000..342cfe6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_progress-bar.scss
@@ -0,0 +1,64 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+/// Adds styles for a progress bar container.
+@mixin progress-container {
+ height: $progress-height;
+ margin-bottom: $progress-margin-bottom;
+ border-radius: $progress-radius;
+ background-color: $progress-background;
+}
+
+/// Adds styles for the inner meter of a progress bar.
+@mixin progress-meter {
+ position: relative;
+ display: block;
+ width: 0%;
+ height: 100%;
+ background-color: $progress-meter-background;
+
+ @if has-value($progress-radius) {
+ border-radius: $global-radius;
+ }
+}
+
+/// Adds styles for text in the progress meter.
+@mixin progress-meter-text {
+ @include absolute-center;
+ position: absolute;
+ margin: 0;
+ font-size: 0.75rem;
+ font-weight: bold;
+ color: $white;
+ white-space: nowrap;
+
+ @if has-value($progress-radius) {
+ border-radius: $progress-radius;
+ }
+}
+
+@mixin foundation-progress-bar {
+ // Progress bar
+ .progress {
+ @include progress-container;
+
+ @each $name, $color in $foundation-palette {
+ &.#{$name} {
+ .progress-meter {
+ background-color: $color;
+ }
+ }
+ }
+ }
+
+ // Inner meter
+ .progress-meter {
+ @include progress-meter;
+ }
+
+ // Inner meter text
+ .progress-meter-text {
+ @include progress-meter-text;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_responsive-embed.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_responsive-embed.scss
new file mode 100644
index 0000000..36cb11d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_responsive-embed.scss
@@ -0,0 +1,70 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group responsive-embed
+////
+
+/// Margin below a responsive embed container.
+/// @type Number
+$responsive-embed-margin-bottom: rem-calc(16) !default;
+
+/// Aspect ratios used to determine padding-bottom of responsive embed containers.
+/// @type Map
+$responsive-embed-ratios: (
+ default: 4 by 3,
+ widescreen: 16 by 9,
+) !default;
+
+// WARNING: Will be removed in version 6.4
+$responsive-embed-ratio: default;
+
+/// Creates a responsive embed container.
+/// @param {String|List} $ratio [default] - Ratio of the container. Can be a key from the `$responsive-embed-ratios` map or a list formatted as `x by y`.
+@mixin responsive-embed($ratio: default) {
+ @if type-of($ratio) == 'string' {
+ $ratio: map-get($responsive-embed-ratios, $ratio);
+ }
+ position: relative;
+ height: 0;
+ margin-bottom: $responsive-embed-margin-bottom;
+ padding-bottom: ratio-to-percentage($ratio);
+ overflow: hidden;
+
+ iframe,
+ object,
+ embed,
+ video {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
+
+@mixin foundation-responsive-embed {
+ .responsive-embed,
+ .flex-video {
+ @include responsive-embed($ratio: default);
+
+ $ratios: map-remove($responsive-embed-ratios,default);
+
+ @each $name, $ratio in $ratios {
+ &.#{$name} {
+ padding-bottom: ratio-to-percentage($ratio);
+ }
+ }
+ }
+}
+
+@mixin foundation-flex-video {
+ @warn 'This mixin is being replaced by foundation-responsive-embed(). foundation-flex-video() will be removed in Foundation 6.4.';
+ @include foundation-responsive-embed;
+}
+
+@mixin flex-video($ratio: $responsive-embed-ratio) {
+ @warn 'This mixin is being replaced by responsive-embed(). flex-video() will be removed in Foundation 6.4.';
+ @include responsive-embed($ratio);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_reveal.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_reveal.scss
new file mode 100644
index 0000000..b77de14
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_reveal.scss
@@ -0,0 +1,180 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group reveal
+////
+
+/// Default background color of a modal.
+/// @type Color
+$reveal-background: $white !default;
+
+/// Default width of a modal, with no class applied.
+/// @type Number
+$reveal-width: 600px !default;
+
+/// Default maximum width of a modal.
+/// @type Number
+$reveal-max-width: $global-width !default;
+
+/// Default padding inside a modal.
+/// @type Number
+$reveal-padding: $global-padding !default;
+
+/// Default border around a modal.
+/// @type Number
+$reveal-border: 1px solid $medium-gray !default;
+
+/// Default radius for modal.
+/// @type Number
+$reveal-radius: $global-radius !default;
+
+/// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one.
+/// @type Number
+$reveal-zindex: 1005 !default;
+
+/// Background color of modal overlays.
+/// @type Color
+$reveal-overlay-background: rgba($black, 0.45) !default;
+
+
+// Placeholder selector for medium-and-up modals
+// Prevents duplicate CSS when defining multiple Reveal sizes
+@include breakpoint(medium) {
+ %reveal-centered {
+ right: auto;
+ left: auto;
+ margin: 0 auto;
+ }
+}
+
+
+/// Adds styles for a modal overlay.
+/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.
+@mixin reveal-overlay($background: $reveal-overlay-background) {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: $reveal-zindex;
+
+ display: none;
+ background-color: $background;
+ overflow-y: scroll;
+}
+
+/// Adds base styles for a modal.
+@mixin reveal-modal-base {
+ @include disable-mouse-outline;
+ z-index: $reveal-zindex + 1;
+ // Workaround android browser z-index bug
+ backface-visibility: hidden;
+
+ display: none;
+ padding: $reveal-padding;
+
+ border: $reveal-border;
+ border-radius: $reveal-radius;
+ background-color: $reveal-background;
+
+ @include breakpoint(medium) {
+ min-height: 0;
+ }
+
+ // Make sure rows don't have a min-width on them
+ .column {
+ min-width: 0;
+ }
+
+ // Strip margins from the last item in the modal
+ > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adjusts the width of a modal.
+/// @param {Number} $width - Width of the modal. Generally a percentage.
+/// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal.
+@mixin reveal-modal-width(
+ $width: $reveal-width,
+ $max-width: $reveal-max-width
+) {
+ @include breakpoint(medium) {
+ @extend %reveal-centered;
+ width: $width;
+ max-width: $max-width;
+ }
+}
+
+/// Creates a full-screen modal, which stretches the full width and height of the window.
+@mixin reveal-modal-fullscreen {
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ max-width: none;
+ height: 100%;
+ height: 100vh; // sass-lint:disable-line no-duplicate-properties
+ min-height: 100vh;
+ margin-left: 0;
+
+ border: 0;
+ border-radius: 0;
+}
+
+@mixin foundation-reveal {
+ // [TODO] Is this necessary?
+ body.is-reveal-open { // sass-lint:disable-line no-qualifying-elements
+ overflow: hidden;
+ }
+
+ // html gets this class only in iOS
+ html.is-reveal-open,
+ html.is-reveal-open body {
+ min-height: 100%;
+ overflow: hidden;
+ position: fixed;
+ user-select: none;
+ }
+
+ // Overlay
+ .reveal-overlay {
+ @include reveal-overlay;
+ }
+
+ // Modal container
+ .reveal {
+ @include reveal-modal-base;
+ @include reveal-modal-width($reveal-width);
+ position: relative;
+ top: 100px;
+ margin-right: auto;
+ margin-left: auto;
+ overflow-y: auto;
+
+ // Remove padding
+ &.collapse {
+ padding: 0;
+ }
+
+ // Sizing classes
+ &.tiny { @include reveal-modal-width(30%); }
+ &.small { @include reveal-modal-width(50%); }
+ &.large { @include reveal-modal-width(90%); }
+
+ // Full-screen mode
+ &.full {
+ @include reveal-modal-fullscreen;
+ }
+
+ @include breakpoint($-zf-zero-breakpoint only) {
+ @include reveal-modal-fullscreen;
+ }
+
+ &.without-overlay {
+ position: fixed;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_slider.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_slider.scss
new file mode 100644
index 0000000..c32b228
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_slider.scss
@@ -0,0 +1,137 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// [TODO] Check how plugin confirms disabled or vertical status
+// [TODO] Check if transition: all; is necessary
+
+////
+/// @group slider
+////
+
+/// Default slider width of a vertical slider. (Doesn't apply to the native slider.)
+/// @type Number
+$slider-width-vertical: 0.5rem !default;
+
+/// Transition properties to apply to the slider handle and fill. (Doesn't apply to the native slider.)
+/// @type Transition
+$slider-transition: all 0.2s ease-in-out !default;
+
+/// Adds the general styles for sliders.
+@mixin slider-container {
+ position: relative;
+ height: $slider-height;
+ margin-top: 1.25rem;
+ margin-bottom: 2.25rem;
+
+ background-color: $slider-background;
+ cursor: pointer;
+ user-select: none;
+ touch-action: none;
+}
+
+/// Adds the general styles for active fill for sliders.
+@mixin slider-fill {
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ display: inline-block;
+ max-width: 100%;
+ height: $slider-height;
+
+ background-color: $slider-fill-background;
+ transition: $slider-transition;
+
+ &.is-dragging {
+ transition: all 0s linear;
+ }
+}
+
+/// Adds the general styles for the slider handles.
+@mixin slider-handle {
+ @include disable-mouse-outline;
+ @include vertical-center;
+ left: 0;
+ z-index: 1;
+
+ display: inline-block;
+ width: $slider-handle-width;
+ height: $slider-handle-height;
+
+ border-radius: $slider-radius;
+ background-color: $slider-handle-background;
+ transition: $slider-transition;
+ touch-action: manipulation;
+
+ &:hover {
+ background-color: scale-color($slider-handle-background, $lightness: -15%);
+ }
+
+ &.is-dragging {
+ transition: all 0s linear;
+ }
+}
+
+@mixin slider-disabled {
+ opacity: $slider-opacity-disabled;
+ cursor: not-allowed;
+}
+
+@mixin slider-vertical {
+ display: inline-block;
+ width: $slider-width-vertical;
+ height: 12.5rem;
+ margin: 0 1.25rem;
+ transform: scale(1, -1);
+
+ .slider-fill {
+ top: 0;
+ width: $slider-width-vertical;
+ max-height: 100%;
+ }
+
+ .slider-handle {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: $slider-handle-height;
+ height: $slider-handle-width;
+ transform: translateX(-50%);
+ }
+}
+
+@mixin foundation-slider {
+ // Container
+ .slider {
+ @include slider-container;
+ }
+
+ // Fill area
+ .slider-fill {
+ @include slider-fill;
+ }
+
+ // Draggable handle
+ .slider-handle {
+ @include slider-handle;
+ }
+
+ // Disabled state
+ .slider.disabled,
+ .slider[disabled] {
+ @include slider-disabled;
+ }
+
+ // Vertical slider
+ .slider.vertical {
+ @include slider-vertical;
+ }
+
+ // RTL support
+ @if $global-text-direction == rtl {
+ .slider:not(.vertical) {
+ transform: scale(-1, 1);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_sticky.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_sticky.scss
new file mode 100644
index 0000000..378e0e2
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_sticky.scss
@@ -0,0 +1,39 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@mixin foundation-sticky {
+ .sticky-container {
+ position: relative;
+ }
+
+ .sticky {
+ position: relative;
+ z-index: 0;
+ transform: translate3d(0, 0, 0);
+ }
+
+ .sticky.is-stuck {
+ position: fixed;
+ z-index: 5;
+ width: 100%;
+
+ &.is-at-top {
+ top: 0;
+ }
+
+ &.is-at-bottom {
+ bottom: 0;
+ }
+ }
+
+ .sticky.is-anchored {
+ position: relative;
+ right: auto;
+ left: auto;
+
+ &.is-at-bottom {
+ bottom: 0;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_switch.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_switch.scss
new file mode 100644
index 0000000..a2211c6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_switch.scss
@@ -0,0 +1,247 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group switch
+////
+
+/// Background color of a switch.
+/// @type Color
+$switch-background: $medium-gray !default;
+
+/// Background active color of a switch.
+/// @type Color
+$switch-background-active: $primary-color !default;
+
+/// Height of a switch, with no class applied.
+/// @type Number
+$switch-height: 2rem !default;
+
+/// Height of a switch with .tiny class.
+/// @type Number
+$switch-height-tiny: 1.5rem !default;
+
+/// Height of a switch with .small class.
+/// @type Number
+$switch-height-small: 1.75rem !default;
+
+/// Height of a switch with .large class.
+/// @type Number
+$switch-height-large: 2.5rem !default;
+
+/// Border radius of the switch
+/// @type Number
+$switch-radius: $global-radius !default;
+
+/// border around a modal.
+/// @type Number
+$switch-margin: $global-margin !default;
+
+/// Background color for the switch container and paddle.
+/// @type Color
+$switch-paddle-background: $white !default;
+
+/// Spacing between a switch paddle and the edge of the body.
+/// @type Number
+$switch-paddle-offset: 0.25rem !default;
+
+/// border radius of the switch paddle
+/// @type Number
+$switch-paddle-radius: $global-radius !default;
+
+/// switch transition.
+/// @type Number
+$switch-paddle-transition: all 0.25s ease-out !default;
+
+// make them variables
+// ask about accessibility on label
+// change class name for text
+
+/// Adds styles for a switch container. Apply this to a container class.
+@mixin switch-container {
+ position: relative;
+ margin-bottom: $switch-margin;
+ outline: 0;
+
+ // These properties cascade down to the switch text
+ font-size: rem-calc(14);
+ font-weight: bold;
+ color: $white;
+
+ user-select: none;
+}
+
+/// Adds styles for a switch input. Apply this to an `<input>` within a switch.
+@mixin switch-input {
+ position: absolute;
+ margin-bottom: 0;
+ opacity: 0;
+}
+
+/// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.
+@mixin switch-paddle {
+ $switch-width: $switch-height * 2;
+ $paddle-height: $switch-height - ($switch-paddle-offset * 2);
+ $paddle-width: $switch-height - ($switch-paddle-offset * 2);
+ $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;
+
+ position: relative;
+ display: block;
+ width: $switch-width;
+ height: $switch-height;
+
+ border-radius: $switch-radius;
+ background: $switch-background;
+ transition: $switch-paddle-transition;
+
+ // Resetting these <label> presets so type styles cascade down
+ font-weight: inherit;
+ color: inherit;
+
+ cursor: pointer;
+
+ // Needed to override specificity
+ input + & {
+ margin: 0;
+ }
+
+ // The paddle itself
+ &::after {
+ position: absolute;
+ top: $switch-paddle-offset;
+ #{$global-left}: $switch-paddle-offset;
+
+ display: block;
+ width: $paddle-width;
+ height: $paddle-height;
+
+ transform: translate3d(0, 0, 0);
+ border-radius: $switch-paddle-radius;
+ background: $switch-paddle-background;
+ transition: $switch-paddle-transition;
+ content: '';
+ }
+
+ // Change the visual style when the switch is active
+ input:checked ~ & {
+ background: $switch-background-active;
+
+ &::after {
+ #{$global-left}: $paddle-active-offest;
+ }
+ }
+
+ input:focus ~ & {
+ @include disable-mouse-outline;
+ }
+}
+
+/// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`.
+@mixin switch-text {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+/// Adds styles for the active state text within a switch.
+@mixin switch-text-active {
+ #{$global-left}: 8%;
+ display: none;
+
+ input:checked + label > & {
+ display: block;
+ }
+}
+
+/// Adds styles for the inactive state text within a switch.
+@mixin switch-text-inactive {
+ #{$global-right}: 15%;
+
+ input:checked + label > & {
+ display: none;
+ }
+}
+
+/// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container.
+/// @param {Number} $font-size [1rem] - Font size of label text within the switch.
+/// @param {Number} $switch-height [2rem] - Height of the switch body.
+/// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body.
+@mixin switch-size(
+ $font-size: 1rem,
+ $switch-height: 2rem,
+ $paddle-offset: 0.25rem
+) {
+
+ $switch-width: $switch-height * 2;
+ $paddle-width: $switch-height - ($paddle-offset * 2);
+ $paddle-height: $switch-height - ($paddle-offset * 2);
+ $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;
+
+ height: $switch-height;
+
+ .switch-paddle {
+ width: $switch-width;
+ height: $switch-height;
+ font-size: $font-size;
+ }
+
+ .switch-paddle::after {
+ top: $paddle-offset;
+ #{$global-left}: $paddle-offset;
+ width: $paddle-width;
+ height: $paddle-height;
+ }
+
+ input:checked ~ .switch-paddle::after {
+ #{$global-left}: $paddle-active-offest;
+ }
+}
+
+@mixin foundation-switch {
+ // Container class
+ .switch {
+ height: $switch-height;
+ @include switch-container;
+ }
+
+ // <input> element
+ .switch-input {
+ @include switch-input;
+ }
+
+ // <label> element
+ .switch-paddle {
+ @include switch-paddle;
+ }
+
+ // Base label text styles
+ %switch-text {
+ @include switch-text;
+ }
+
+ // Active label text styles
+ .switch-active {
+ @extend %switch-text;
+ @include switch-text-active;
+ }
+
+ // Inactive label text styles
+ .switch-inactive {
+ @extend %switch-text;
+ @include switch-text-inactive;
+ }
+
+ // Switch sizes
+ .switch.tiny {
+ @include switch-size(rem-calc(10), $switch-height-tiny, $switch-paddle-offset);
+ }
+
+ .switch.small {
+ @include switch-size(rem-calc(12), $switch-height-small, $switch-paddle-offset);
+ }
+
+ .switch.large {
+ @include switch-size(rem-calc(16), $switch-height-large, $switch-paddle-offset);
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_table.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_table.scss
new file mode 100644
index 0000000..fc967df
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_table.scss
@@ -0,0 +1,330 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// sass-lint:disable force-element-nesting, no-qualifying-elements
+
+////
+/// @group table
+////
+
+/// Default color for table background.
+/// @type Color
+$table-background: $white !default;
+
+/// Default scale for darkening the striped table rows and the table border.
+/// @type Number
+$table-color-scale: 5% !default;
+
+/// Default style for table border.
+/// @type List
+$table-border: 1px solid smart-scale($table-background, $table-color-scale) !default;
+
+/// Default padding for table.
+/// @type Number
+$table-padding: rem-calc(8 10 10) !default;
+
+/// Default scale for darkening the table rows on hover.
+/// @type Number
+$table-hover-scale: 2% !default;
+
+/// Default color of standard rows on hover.
+/// @type List
+$table-row-hover: darken($table-background, $table-hover-scale) !default;
+
+/// Default color of striped rows on hover.
+/// @type List
+$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default;
+
+/// If `true`, tables are striped by default and an .unstriped class is created. If `false`, a .striped class is created.
+/// @type Boolean
+$table-is-striped: true !default;
+
+/// Default background color for striped rows.
+/// @type Color
+$table-striped-background: smart-scale($table-background, $table-color-scale) !default;
+
+/// Default value for showing the stripe on rows of the tables, excluding the header and footer. If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or any other value, the table rows will have no striping.
+/// @type Keyword
+$table-stripe: even !default;
+
+/// Default color for header background.
+/// @type Color
+$table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;
+
+/// Default color of header rows on hover.
+/// @type List
+$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;
+
+/// Default color for footer background.
+/// @type Color
+$table-foot-background: smart-scale($table-background, $table-color-scale) !default;
+
+/// Default color of footer rows on hover.
+/// @type List
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;
+
+/// Default font color for header.
+/// @type Color
+$table-head-font-color: $body-font-color !default;
+
+/// Default font color for footer.
+/// @type Color
+$table-foot-font-color: $body-font-color !default;
+
+/// Default value for showing the header when using stacked tables.
+/// @type Boolean
+$show-header-for-stacked: false !default;
+
+/// Breakpoint at which stacked table switches from mobile to desktop view.
+/// @type Breakpoint
+$table-stack-breakpoint: medium !default;
+
+@mixin -zf-table-stripe($stripe: $table-stripe) {
+ tr {
+ // If stripe is set to even, darken the even rows.
+ @if $stripe == even {
+ &:nth-child(even) {
+ border-bottom: 0;
+ background-color: $table-striped-background;
+ }
+ }
+
+ // If stripe is set to odd, darken the odd rows.
+ @else if $stripe == odd {
+ &:nth-child(odd) {
+ background-color: $table-striped-background;
+ }
+ }
+ }
+}
+
+@mixin -zf-table-unstripe() {
+ tr {
+ border-bottom: 0;
+ border-bottom: $table-border;
+ background-color: $table-background;
+ }
+}
+
+@mixin -zf-table-children-styles($stripe: $table-stripe, $is-striped: $table-is-striped) {
+ thead,
+ tbody,
+ tfoot {
+ border: $table-border;
+ background-color: $table-background;
+ }
+
+ // Caption
+ caption {
+ padding: $table-padding;
+ font-weight: $global-weight-bold;
+ }
+
+ // Table head
+ thead {
+ background: $table-head-background;
+ color: $table-head-font-color;
+ }
+
+ // Table foot
+ tfoot {
+ background: $table-foot-background;
+ color: $table-foot-font-color;
+ }
+
+ // Table head and foot
+ thead,
+ tfoot {
+ // Rows within head and foot
+ tr {
+ background: transparent;
+ }
+
+ // Cells within head and foot
+ th,
+ td {
+ padding: $table-padding;
+ font-weight: $global-weight-bold;
+ text-align: #{$global-left};
+ }
+ }
+
+ // Table rows
+ tbody {
+ th,
+ td {
+ padding: $table-padding;
+ }
+ }
+
+ // If tables are striped
+ @if $is-striped == true {
+ tbody {
+ @include -zf-table-stripe($stripe);
+ }
+
+ &.unstriped {
+ tbody {
+ @include -zf-table-unstripe();
+ background-color: $table-background;
+ }
+ }
+ }
+
+ // If tables are not striped
+ @else if $is-striped == false {
+ tbody {
+ @include -zf-table-unstripe();
+ }
+
+ &.striped {
+ tbody {
+ @include -zf-table-stripe($stripe);
+ }
+ }
+ }
+}
+
+/// Adds the general styles for tables.
+/// @param {Keyword} $stripe [$table-stripe] - Uses keywords even, odd, or none to darken rows of the table. The default value is even.
+@mixin table(
+ $stripe: $table-stripe,
+ $nest: false
+) {
+ border-collapse: collapse;
+ width: 100%;
+ margin-bottom: $global-margin;
+ border-radius: $global-radius;
+
+ @if $nest {
+ @include -zf-table-children-styles($stripe);
+ }
+ @else {
+ @at-root {
+ @include -zf-table-children-styles($stripe);
+ }
+ }
+}
+
+/// Adds the ability to horizontally scroll the table when the content overflows horizontally.
+@mixin table-scroll {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+}
+
+/// Slightly darkens the table rows on hover.
+@mixin table-hover {
+ thead tr {
+ //Darkens the table header rows on hover.
+ &:hover {
+ background-color: $table-head-row-hover;
+ }
+ }
+
+ tfoot tr {
+ //Darkens the table footer rows on hover.
+ &:hover {
+ background-color: $table-foot-row-hover;
+ }
+ }
+
+ tbody tr {
+ //Darkens the non-striped table rows on hover.
+ &:hover {
+ background-color: $table-row-hover;
+ }
+ }
+
+ @if $table-is-striped == true {
+ // Darkens the even striped table rows.
+ @if($table-stripe == even) {
+ &:not(.unstriped) tr:nth-of-type(even):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+
+ // Darkens the odd striped table rows.
+ @elseif($table-stripe == odd) {
+ &:not(.unstriped) tr:nth-of-type(odd):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+ }
+
+ @else if $table-is-striped == false {
+ // Darkens the even striped table rows.
+ @if($table-stripe == even) {
+ &.striped tr:nth-of-type(even):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+
+ // Darkens the odd striped table rows.
+ @elseif($table-stripe == odd) {
+ &.striped tr:nth-of-type(odd):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+ }
+}
+
+/// Adds styles for a stacked table. Useful for small-screen layouts.
+/// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked.
+@mixin table-stack($header: $show-header-for-stacked) {
+ @if $header {
+ thead {
+ th {
+ display: block;
+ }
+ }
+ }
+ @else {
+ thead {
+ display: none;
+ }
+ }
+
+ tfoot {
+ display: none;
+ }
+
+ tr,
+ th,
+ td {
+ display: block;
+ }
+
+ td {
+ border-top: 0;
+ }
+}
+
+@mixin foundation-table($nest: false) {
+ table {
+ @include table($nest: $nest);
+ }
+
+ table.stack {
+ @include breakpoint($table-stack-breakpoint down) {
+ @include table-stack;
+ }
+ }
+
+ table.scroll {
+ @include table-scroll;
+ }
+
+ table.hover {
+ @include table-hover;
+ }
+
+ .table-scroll {
+ overflow-x: auto;
+
+ table {
+ width: auto;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tabs.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tabs.scss
new file mode 100644
index 0000000..56d962d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tabs.scss
@@ -0,0 +1,196 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group tabs
+////
+
+/// Default margin of the tab bar.
+/// @type Number
+$tab-margin: 0 !default;
+
+/// Default background color of a tab bar.
+/// @type Color
+$tab-background: $white !default;
+
+/// Font color of tab item.
+/// @type Color
+$tab-color: $primary-color !default;
+
+/// Active background color of a tab bar.
+/// @type Color
+$tab-background-active: $light-gray !default;
+
+/// Active font color of tab item.
+/// @type Color
+$tab-active-color: $primary-color !default;
+
+/// Font size of tab items.
+/// @type Number
+$tab-item-font-size: rem-calc(12) !default;
+
+/// Default background color on hover for items in a Menu.
+$tab-item-background-hover: $white !default;
+
+/// Default padding of a tab item.
+/// @type Number
+$tab-item-padding: 1.25rem 1.5rem !default;
+
+/// Maximum number of `expand-n` classes to include in the CSS.
+/// @type Number
+$tab-expand-max: 6 !default;
+
+/// Default background color of tab content.
+/// @type Color
+$tab-content-background: $white !default;
+
+/// Default border color of tab content.
+/// @type Color
+$tab-content-border: $light-gray !default;
+
+/// Default text color of tab content.
+/// @type Color
+$tab-content-color: $body-font-color !default;
+
+/// Default padding for tab content.
+/// @type Number | List
+$tab-content-padding: 1rem !default;
+
+/// Adds styles for a tab container. Apply this to a `<ul>`.
+@mixin tabs-container (
+ $margin: $tab-margin,
+ $background: $tab-background,
+ $border-color: $tab-content-border
+) {
+ @include clearfix;
+ margin: $margin;
+ border: 1px solid $border-color;
+ background: $background;
+ list-style-type: none;
+}
+
+/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
+@mixin tabs-container-vertical {
+ > li {
+ display: block;
+ float: none;
+ width: auto;
+ }
+}
+
+/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.
+@mixin tabs-title (
+ $padding: $tab-item-padding,
+ $font-size: $tab-item-font-size,
+ $color: $tab-color,
+ $color-active: $tab-active-color,
+ $background-hover: $tab-item-background-hover,
+ $background-active: $tab-background-active
+) {
+ float: #{$global-left};
+
+ > a {
+ display: block;
+ padding: $padding;
+ font-size: $font-size;
+ line-height: 1;
+ color: $color;
+
+ &:hover {
+ background: $background-hover;
+ color: scale-color($color, $lightness: -14%);
+ }
+
+ &:focus,
+ &[aria-selected='true'] {
+ background: $background-active;
+ color: $color-active;
+ }
+ }
+}
+
+/// Adds styles for the wrapper that surrounds a tab group's content panes.
+@mixin tabs-content (
+ $background: $tab-content-background,
+ $color: $tab-content-color,
+ $border-color: $tab-content-border
+) {
+ border: 1px solid $border-color;
+ border-top: 0;
+ background: $background;
+ color: $color;
+ transition: all 0.5s ease;
+}
+
+/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.
+@mixin tabs-content-vertical (
+ $border-color: $tab-content-border
+) {
+ border: 1px solid $border-color;
+ border-#{$global-left}: 0;
+}
+
+/// Adds styles for an individual tab content panel within the tab content container.
+@mixin tabs-panel (
+ $padding: $tab-content-padding
+) {
+ display: none;
+ padding: $padding;
+
+ &.is-active {
+ display: block;
+ }
+}
+
+@mixin foundation-tabs {
+ .tabs {
+ @include tabs-container;
+ }
+
+ // Vertical
+ .tabs.vertical {
+ @include tabs-container-vertical;
+ }
+
+ // Simple
+ .tabs.simple {
+ > li > a {
+ padding: 0;
+
+ &:hover {
+ background: transparent;
+ }
+ }
+ }
+
+ // Primary color
+ .tabs.primary {
+ background: $primary-color;
+
+ > li > a {
+ color: color-pick-contrast($primary-color);
+
+ &:hover,
+ &:focus {
+ background: smart-scale($primary-color);
+ }
+ }
+ }
+
+ .tabs-title {
+ @include tabs-title;
+ }
+
+ .tabs-content {
+ @include tabs-content;
+ }
+
+ .tabs-content.vertical {
+ @include tabs-content-vertical;
+ }
+
+ .tabs-panel {
+ @include tabs-panel;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_thumbnail.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_thumbnail.scss
new file mode 100644
index 0000000..2ce42b3
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_thumbnail.scss
@@ -0,0 +1,67 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group thumbnail
+////
+
+/// Border around thumbnail images.
+/// @type Border
+$thumbnail-border: solid 4px $white !default;
+
+/// Bottom margin for thumbnail images.
+/// @type Length
+$thumbnail-margin-bottom: $global-margin !default;
+
+/// Box shadow under thumbnail images.
+/// @type Shadow
+$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default;
+
+/// Box shadow under thumbnail images.
+/// @type Shadow
+$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default;
+
+/// Transition proprties for thumbnail images.
+/// @type Transition
+$thumbnail-transition: box-shadow 200ms ease-out !default;
+
+/// Default radius for thumbnail images.
+/// @type Number
+$thumbnail-radius: $global-radius !default;
+
+/// Adds thumbnail styles to an element.
+@mixin thumbnail {
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: $thumbnail-margin-bottom;
+
+ border: $thumbnail-border;
+ border-radius: $thumbnail-radius;
+ box-shadow: $thumbnail-shadow;
+
+ line-height: 0;
+}
+
+@mixin thumbnail-link {
+ transition: $thumbnail-transition;
+
+ &:hover,
+ &:focus {
+ box-shadow: $thumbnail-shadow-hover;
+ }
+
+ image {
+ box-shadow: none;
+ }
+}
+
+@mixin foundation-thumbnail {
+ .thumbnail {
+ @include thumbnail;
+ }
+
+ a.thumbnail {
+ @include thumbnail-link;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_title-bar.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_title-bar.scss
new file mode 100644
index 0000000..e0f370c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_title-bar.scss
@@ -0,0 +1,84 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group title-bar
+////
+
+/// Background color of a title bar.
+/// @type Color
+$titlebar-background: $black !default;
+
+/// Color of text inside a title bar.
+/// @type Color
+$titlebar-color: $white !default;
+
+/// Padding inside a title bar.
+/// @type Length
+$titlebar-padding: 0.5rem !default;
+
+/// Font weight of text inside a title bar.
+/// @type Weight
+$titlebar-text-font-weight: bold !default;
+
+/// Color of menu icons inside a title bar.
+/// @type Color
+$titlebar-icon-color: $white !default;
+
+/// Color of menu icons inside a title bar on hover.
+/// @type Color
+$titlebar-icon-color-hover: $medium-gray !default;
+
+/// Spacing between the menu icon and text inside a title bar.
+/// @type Length
+$titlebar-icon-spacing: 0.25rem !default;
+
+@mixin foundation-title-bar {
+ .title-bar {
+ padding: $titlebar-padding;
+ background: $titlebar-background;
+ color: $titlebar-color;
+
+ @if $global-flexbox {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ }
+ @else {
+ @include clearfix;
+ }
+
+ .menu-icon {
+ margin-#{$global-left}: $titlebar-icon-spacing;
+ margin-#{$global-right}: $titlebar-icon-spacing;
+ }
+ }
+
+ @if $global-flexbox {
+ .title-bar-left,
+ .title-bar-right {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+
+ .title-bar-right {
+ text-align: right;
+ }
+ }
+ @else {
+ .title-bar-left {
+ float: left;
+ }
+
+ .title-bar-right {
+ float: right;
+ text-align: right;
+ }
+ }
+
+ .title-bar-title {
+ display: inline-block;
+ vertical-align: middle;
+ font-weight: $titlebar-text-font-weight;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tooltip.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tooltip.scss
new file mode 100644
index 0000000..36dc155
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_tooltip.scss
@@ -0,0 +1,160 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group tooltip
+////
+
+/// Default cursor of the defined term.
+/// @type Keyword
+$has-tip-cursor: help !default;
+
+/// Default font weight of the defined term.
+/// @type Keyword | Number
+$has-tip-font-weight: $global-weight-bold !default;
+
+/// Default border bottom of the defined term.
+/// @type List
+$has-tip-border-bottom: dotted 1px $dark-gray !default;
+
+/// Default color of the tooltip background.
+/// @type Color
+$tooltip-background-color: $black !default;
+
+/// Default color of the tooltip font.
+/// @type Color
+$tooltip-color: $white !default;
+
+/// Default padding of the tooltip background.
+/// @type Number
+$tooltip-padding: 0.75rem !default;
+
+/// Default max width for tooltips.
+/// @type Number
+$tooltip-max-width: 10rem !default;
+
+/// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy.
+/// @type Number
+$tooltip-font-size: $small-font-size !default;
+
+/// Default pip width for tooltips.
+/// @type Number
+$tooltip-pip-width: 0.75rem !default;
+
+/// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word.
+/// @type Number
+$tooltip-pip-height: $tooltip-pip-width * 0.866 !default;
+
+/// Default radius for tooltips.
+/// @type Number
+$tooltip-radius: $global-radius !default;
+
+@mixin has-tip {
+ position: relative;
+ display: inline-block;
+
+ border-bottom: $has-tip-border-bottom;
+ font-weight: $has-tip-font-weight;
+ cursor: $has-tip-cursor;
+}
+
+@mixin tooltip {
+ position: absolute;
+ top: calc(100% + #{$tooltip-pip-height});
+ z-index: 1200;
+
+ max-width: $tooltip-max-width;
+ padding: $tooltip-padding;
+
+ border-radius: $tooltip-radius;
+ background-color: $tooltip-background-color;
+ font-size: $tooltip-font-size;
+ color: $tooltip-color;
+
+ &::before {
+ position: absolute;
+ }
+
+ &.bottom {
+ &::before {
+ @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);
+ bottom: 100%;
+ }
+
+ &.align-center::before {
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+
+ &.top {
+ &::before {
+ @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);
+ top: 100%;
+ bottom: auto;
+ }
+
+ &.align-center::before {
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+
+ &.left {
+ &::before {
+ @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
+ left: 100%;
+ }
+
+ &.align-center::before {
+ bottom: auto;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ }
+
+ &.right {
+ &::before {
+ @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
+ right: 100%;
+ left: auto;
+ }
+
+ &.align-center::before {
+ bottom: auto;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ }
+
+ &.align-top::before {
+ bottom: auto;
+ top: 10%;
+ }
+
+ &.align-bottom::before {
+ bottom: 10%;
+ top: auto;
+ }
+
+ &.align-left::before {
+ left: 10%;
+ right: auto;
+ }
+
+ &.align-right::before {
+ left: auto;
+ right: 10%;
+ }
+}
+
+@mixin foundation-tooltip {
+ .has-tip {
+ @include has-tip;
+ }
+
+ .tooltip {
+ @include tooltip;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_top-bar.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_top-bar.scss
new file mode 100644
index 0000000..2503a7f
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_top-bar.scss
@@ -0,0 +1,175 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group top-bar
+////
+
+/// Padding for the top bar.
+/// @type Number
+$topbar-padding: 0.5rem !default;
+
+/// Background color for the top bar. This color also cascades to menus within the top bar.
+/// @type Color
+$topbar-background: $light-gray !default;
+
+/// Background color submenus within the top bar. Usefull if $topbar-background is transparent.
+/// @type Color
+$topbar-submenu-background: $topbar-background !default;
+
+/// Spacing for the top bar title.
+/// @type Number
+$topbar-title-spacing: 0.5rem 1rem 0.5rem 0 !default;
+
+/// Maximum width of `<input>` elements inside the top bar.
+/// @type Number
+$topbar-input-width: 200px !default;
+
+/// Breakpoint at which top bar switches from mobile to desktop view.
+/// @type Breakpoint
+$topbar-unstack-breakpoint: medium !default;
+
+/// Adds styles for a top bar container.
+@mixin top-bar-container {
+ @if $global-flexbox {
+ display: flex;
+ flex-wrap: nowrap;
+ justify-content: space-between;
+ align-items: center;
+ }
+ @else {
+ @include clearfix;
+ }
+
+ padding: $topbar-padding;
+
+ &,
+ ul {
+ background-color: $topbar-background;
+ }
+
+ // Check if $topbar-background is differnt from $topbar-background-submenu
+ @if ($topbar-background != $topbar-submenu-background) {
+ ul ul {
+ background-color: $topbar-submenu-background;
+ }
+ }
+
+ // Restrain width of inputs by default to make them easier to arrange
+ input {
+ max-width: $topbar-input-width;
+ margin-#{$global-right}: 1rem;
+ }
+
+ // The above styles shouldn't apply to input group fields
+ .input-group-field {
+ width: 100%;
+ margin-#{$global-right}: 0;
+ }
+
+ input.button { // sass-lint:disable-line no-qualifying-elements
+ width: auto;
+ }
+}
+
+/// Makes sections of a top bar stack on top of each other.
+@mixin top-bar-stacked {
+ @if $global-flexbox {
+ flex-wrap: wrap;
+
+ // Sub-sections
+ .top-bar-left,
+ .top-bar-right {
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ }
+ @else {
+ // Sub-sections
+ .top-bar-left,
+ .top-bar-right {
+ width: 100%;
+ }
+ }
+}
+
+/// Undoes the CSS applied by the `top-bar-stacked()` mixin.
+@mixin top-bar-unstack {
+ @if $global-flexbox {
+ flex-wrap: nowrap;
+
+ .top-bar-left {
+ flex: 1 1 auto;
+ margin-right: auto;
+ }
+
+ .top-bar-right {
+ flex: 0 1 auto;
+ margin-left: auto;
+ }
+ }
+ @else {
+ .top-bar-left,
+ .top-bar-right {
+ width: auto;
+ }
+ }
+}
+
+@mixin foundation-top-bar {
+ // Top bar container
+ .top-bar {
+ @include top-bar-container;
+
+ // Stack on small screens by default
+ @include top-bar-stacked;
+
+ @include breakpoint($topbar-unstack-breakpoint) {
+ @include top-bar-unstack;
+ }
+
+ // Generate classes for stacking on each screen size (defined in $breakpoint-classes)
+ @each $size in $breakpoint-classes {
+ @if $size != $-zf-zero-breakpoint {
+ &.stacked-for-#{$size} {
+ @include breakpoint($size down) {
+ @include top-bar-stacked;
+ }
+ }
+ }
+ }
+ }
+
+ // Sub-sections
+ @if $global-flexbox {
+ .top-bar-title {
+ flex: 0 0 auto;
+ margin: $topbar-title-spacing;
+ }
+
+ .top-bar-left,
+ .top-bar-right {
+ flex: 0 0 auto;
+ }
+ }
+ @else {
+ .top-bar-title {
+ display: inline-block;
+ float: left;
+ padding: $topbar-title-spacing;
+
+ .menu-icon {
+ bottom: 2px;
+ }
+ }
+
+ .top-bar-left {
+ float: left;
+ }
+
+ .top-bar-right {
+ float: right;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_visibility.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_visibility.scss
new file mode 100644
index 0000000..8906f59
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_visibility.scss
@@ -0,0 +1,132 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+/// Hide an element by default, only displaying it above a certain screen size.
+/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**
+@mixin show-for($size) {
+ $size: map-get($breakpoints, $size);
+ $size: -zf-bp-to-em($size) - (1 / 16);
+
+ @include breakpoint($size down) {
+ display: none !important;
+ }
+}
+
+/// Hide an element by default, only displaying it within a certain breakpoint.
+/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**
+@mixin show-for-only($size) {
+ $lower-bound-size: map-get($breakpoints, $size);
+ $upper-bound-size: -zf-map-next($breakpoints, $size);
+
+ // more often than not this will be correct, just one time round the loop it won't so set in scope here
+ $lower-bound: -zf-bp-to-em($lower-bound-size) - (1 / 16);
+ // test actual lower-bound-size, if 0 set it to 0em
+ @if strip-unit($lower-bound-size) == 0 {
+ $lower-bound: -zf-bp-to-em($lower-bound-size);
+ }
+
+ @if $upper-bound-size == null {
+ @media screen and (max-width: $lower-bound) {
+ display: none !important;
+ }
+ }
+ @else {
+ $upper-bound: -zf-bp-to-em($upper-bound-size);
+
+ @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) {
+ display: none !important;
+ }
+ }
+}
+
+
+/// Show an element by default, and hide it above a certain screen size.
+/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**
+@mixin hide-for($size) {
+ @include breakpoint($size) {
+ display: none !important;
+ }
+}
+
+/// Show an element by default, and hide it above a certain screen size.
+/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**
+@mixin hide-for-only($size) {
+ @include breakpoint($size only) {
+ display: none !important;
+ }
+}
+
+@mixin foundation-visibility-classes {
+ // Basic hiding classes
+ .hide {
+ display: none !important;
+ }
+
+ .invisible {
+ visibility: hidden;
+ }
+
+ // Responsive visibility classes
+ @each $size in $breakpoint-classes {
+ @if $size != $-zf-zero-breakpoint {
+ .hide-for-#{$size} {
+ @include hide-for($size);
+ }
+
+ .show-for-#{$size} {
+ @include show-for($size);
+ }
+ }
+
+ .hide-for-#{$size}-only {
+ @include hide-for-only($size);
+ }
+
+ .show-for-#{$size}-only {
+ @include show-for-only($size);
+ }
+ }
+
+ // Screen reader visibility classes
+ // Need a "hide-for-sr" class? Add aria-hidden='true' to the element
+ .show-for-sr,
+ .show-on-focus {
+ @include element-invisible;
+ }
+
+ // Only display the element when it's focused
+ .show-on-focus {
+ &:active,
+ &:focus {
+ @include element-invisible-off;
+ }
+ }
+
+ // Landscape and portrait visibility
+ .show-for-landscape,
+ .hide-for-portrait {
+ display: block !important;
+
+ @include breakpoint(landscape) {
+ display: block !important;
+ }
+
+ @include breakpoint(portrait) {
+ display: none !important;
+ }
+ }
+
+ .hide-for-landscape,
+ .show-for-portrait {
+ display: none !important;
+
+ @include breakpoint(landscape) {
+ display: none !important;
+ }
+
+ @include breakpoint(portrait) {
+ display: block !important;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_checkbox.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_checkbox.scss
new file mode 100644
index 0000000..60e8bfc
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_checkbox.scss
@@ -0,0 +1,41 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+@mixin foundation-form-checkbox {
+ [type='file'],
+ [type='checkbox'],
+ [type='radio'] {
+ margin: 0 0 $form-spacing;
+ }
+
+ // Styles for input/label siblings
+ [type='checkbox'] + label,
+ [type='radio'] + label {
+ display: inline-block;
+ vertical-align: baseline;
+
+ margin-#{$global-left}: $form-spacing * 0.5;
+ margin-#{$global-right}: $form-spacing;
+ margin-bottom: 0;
+
+ &[for] {
+ cursor: pointer;
+ }
+ }
+
+ // Styles for inputs inside labels
+ label > [type='checkbox'],
+ label > [type='radio'] {
+ margin-#{$global-right}: $form-spacing * 0.5;
+ }
+
+ // Normalize file input width
+ [type='file'] {
+ width: 100%;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_error.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_error.scss
new file mode 100644
index 0000000..30e5389
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_error.scss
@@ -0,0 +1,88 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group abide
+////
+
+/// Sets if error styles should be added to inputs.
+/// @type Boolean
+$abide-inputs: true !default;
+
+/// Sets if error styles should be added to labels.
+/// @type Boolean
+$abide-labels: true !default;
+
+/// Background color to use for invalid text inputs.
+/// @type Color
+$input-background-invalid: get-color(alert) !default;
+
+/// Color to use for labels of invalid inputs.
+/// @type Color
+$form-label-color-invalid: get-color(alert) !default;
+
+/// Default font color for form error text.
+/// @type Color
+$input-error-color: get-color(alert) !default;
+
+/// Default font size for form error text.
+/// @type Number
+$input-error-font-size: rem-calc(12) !default;
+
+/// Default font weight for form error text.
+/// @type Keyword
+$input-error-font-weight: $global-weight-bold !default;
+
+/// Styles the background and border of an input field to have an error state.
+///
+/// @param {Color} $background [$alert-color] - Color to use for the background and border.
+/// @param {Number} $background-lighten [10%] - Lightness level of the background color.
+@mixin form-input-error(
+ $background: $input-background-invalid,
+ $background-lighten: 10%
+) {
+ &:not(:focus) {
+ border-color: $background;
+ background-color: mix($background, $white, $background-lighten);
+ &::placeholder {
+ color: $background;
+ }
+ }
+}
+
+/// Adds error styles to a form element, using the values in the settings file.
+@mixin form-error {
+ display: none;
+ margin-top: $form-spacing * -0.5;
+ margin-bottom: $form-spacing;
+
+ font-size: $input-error-font-size;
+ font-weight: $input-error-font-weight;
+ color: $input-error-color;
+}
+
+@mixin foundation-form-error {
+ @if $abide-inputs {
+ // Error class for invalid inputs
+ .is-invalid-input {
+ @include form-input-error;
+ }
+ }
+
+ @if $abide-labels {
+ // Error class for labels of invalid outputs
+ .is-invalid-label {
+ color: $form-label-color-invalid;
+ }
+ }
+
+ // Form error element
+ .form-error {
+ @include form-error;
+
+ &.is-visible {
+ display: block;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_fieldset.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_fieldset.scss
new file mode 100644
index 0000000..8611d5a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_fieldset.scss
@@ -0,0 +1,53 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Default border around custom fieldsets.
+/// @type Border
+$fieldset-border: 1px solid $medium-gray !default;
+
+/// Default padding inside custom fieldsets.
+/// @type Number
+$fieldset-padding: rem-calc(20) !default;
+
+/// Default margin around custom fieldsets.
+/// @type Number
+$fieldset-margin: rem-calc(18 0) !default;
+
+/// Default padding between the legend text and fieldset border.
+/// @type Number
+$legend-padding: rem-calc(0 3) !default;
+
+@mixin fieldset {
+ margin: $fieldset-margin;
+ padding: $fieldset-padding;
+ border: $fieldset-border;
+
+ legend {
+ // Covers up the fieldset's border to create artificial padding
+ margin: 0;
+ margin-#{$global-left}: rem-calc(-3);
+ padding: $legend-padding;
+ }
+}
+
+@mixin foundation-form-fieldset {
+ fieldset {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ }
+
+ legend {
+ max-width: 100%;
+ margin-bottom: $form-spacing * 0.5;
+ }
+
+ .fieldset {
+ @include fieldset;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_forms.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_forms.scss
new file mode 100644
index 0000000..1507fda
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_forms.scss
@@ -0,0 +1,34 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Global spacing for form elements.
+/// @type Number
+$form-spacing: rem-calc(16) !default;
+
+@import 'text';
+@import 'checkbox';
+@import 'label';
+@import 'help-text';
+@import 'input-group';
+@import 'fieldset';
+@import 'select';
+@import 'range';
+@import 'progress';
+@import 'meter';
+@import 'error';
+
+@mixin foundation-forms {
+ @include foundation-form-text;
+ @include foundation-form-checkbox;
+ @include foundation-form-label;
+ @include foundation-form-helptext;
+ @include foundation-form-prepostfix;
+ @include foundation-form-fieldset;
+ @include foundation-form-select;
+ @include foundation-form-error;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_help-text.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_help-text.scss
new file mode 100644
index 0000000..04e5237
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_help-text.scss
@@ -0,0 +1,30 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Default color for help text.
+/// @type Color
+$helptext-color: $black !default;
+
+/// Default font size for help text.
+/// @type Number
+$helptext-font-size: rem-calc(13) !default;
+
+/// Default font style for help text.
+/// @type Keyword
+$helptext-font-style: italic !default;
+
+@mixin foundation-form-helptext {
+ .help-text {
+ $margin-top: ($form-spacing * 0.5) * -1;
+
+ margin-top: $margin-top;
+ font-size: $helptext-font-size;
+ font-style: $helptext-font-style;
+ color: $helptext-color;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_input-group.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_input-group.scss
new file mode 100644
index 0000000..e26618a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_input-group.scss
@@ -0,0 +1,142 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Color of labels prefixed to an input.
+/// @type Color
+$input-prefix-color: $black !default;
+
+/// Background color of labels prefixed to an input.
+/// @type Color
+$input-prefix-background: $light-gray !default;
+
+/// Border around labels prefixed to an input.
+/// @type Border
+$input-prefix-border: 1px solid $medium-gray !default;
+
+/// Left/right padding of an pre/postfixed input label
+$input-prefix-padding: 1rem !default;
+
+@mixin foundation-form-prepostfix {
+ $height: ($input-font-size + $form-spacing * 1.5);
+
+ .input-group {
+ display: if($global-flexbox, flex, table);
+ width: 100%;
+ margin-bottom: $form-spacing;
+
+ @if $global-flexbox {
+ align-items: stretch;
+ }
+
+ > :first-child {
+ border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius);
+ }
+
+ > :last-child {
+ > * {
+ border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0);
+ }
+ }
+ }
+
+ %input-group-child {
+ margin: 0;
+ white-space: nowrap;
+
+ @if not $global-flexbox {
+ display: table-cell;
+ vertical-align: middle;
+ }
+ }
+
+ .input-group-label {
+ @extend %input-group-child;
+ padding: 0 $input-prefix-padding;
+ border: $input-prefix-border;
+ background: $input-prefix-background;
+
+ color: $input-prefix-color;
+ text-align: center;
+ white-space: nowrap;
+
+ @if $global-flexbox {
+ display: flex;
+ flex: 0 0 auto;
+ align-items: center;
+ }
+ @else {
+ width: 1%;
+ height: 100%;
+ }
+
+ @if has-value($input-prefix-border) {
+ &:first-child {
+ border-#{$global-right}: 0;
+ }
+
+ &:last-child {
+ border-#{$global-left}: 0;
+ }
+ }
+ }
+
+ .input-group-field {
+ @extend %input-group-child;
+ border-radius: 0;
+
+ @if $global-flexbox {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ height: auto;
+ min-width: 0;
+ }
+ @else {
+ height: $height;
+ }
+ }
+
+ .input-group-button {
+ @extend %input-group-child;
+ padding-top: 0;
+ padding-bottom: 0;
+ text-align: center;
+
+ @if $global-flexbox {
+ display: flex;
+ flex: 0 0 auto;
+ }
+ @else {
+ width: 1%;
+ height: 100%;
+ }
+
+ a,
+ input,
+ button,
+ label {
+ @extend %input-group-child;
+
+ @if $global-flexbox {
+ height: auto;
+ align-self: stretch;
+ }
+ @else {
+ height: $height;
+ }
+ padding-top: 0;
+ padding-bottom: 0;
+ font-size: $input-font-size;
+ }
+ }
+
+ // Specificity bump needed to prevent override by buttons
+ @if not $global-flexbox {
+ .input-group .input-group-button {
+ display: table-cell;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_label.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_label.scss
new file mode 100644
index 0000000..1c38851
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_label.scss
@@ -0,0 +1,50 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Color for form labels.
+/// @type Color
+$form-label-color: $black !default;
+
+/// Font size for form labels.
+/// @type Number
+$form-label-font-size: rem-calc(14) !default;
+
+/// Font weight for form labels.
+/// @type Keyword
+$form-label-font-weight: $global-weight-normal !default;
+
+/// Line height for form labels. The higher the number, the more space between the label and its input field.
+/// @type Number
+$form-label-line-height: 1.8 !default;
+
+@mixin form-label {
+ display: block;
+ margin: 0;
+
+ font-size: $form-label-font-size;
+ font-weight: $form-label-font-weight;
+ line-height: $form-label-line-height;
+ color: $form-label-color;
+}
+
+@mixin form-label-middle {
+ $input-border-width: get-border-value($input-border, width);
+
+ margin: 0 0 $form-spacing;
+ padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0;
+}
+
+@mixin foundation-form-label {
+ label {
+ @include form-label;
+
+ &.middle {
+ @include form-label-middle;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_meter.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_meter.scss
new file mode 100644
index 0000000..c31b2f9
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_meter.scss
@@ -0,0 +1,116 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group meter
+////
+
+/// Height of a `<meter>` element.
+/// @type Length
+$meter-height: 1rem !default;
+
+/// Border radius of a `<meter>` element.
+/// @type Length
+$meter-radius: $global-radius !default;
+
+/// Background color of a `<meter>` element.
+/// @type Color
+$meter-background: $medium-gray !default;
+
+/// Meter fill for an optimal value in a `<meter>` element.
+/// @type Color
+$meter-fill-good: $success-color !default;
+
+/// Meter fill for an average value in a `<meter>` element.
+/// @type Color
+$meter-fill-medium: $warning-color !default;
+
+/// Meter fill for a suboptimal value in a `<meter>` element.
+/// @type Color
+$meter-fill-bad: $alert-color !default;
+
+@mixin foundation-meter-element {
+ meter {
+ display: block;
+ width: 100%;
+ height: $meter-height;
+ margin-bottom: 1rem;
+
+ // Disable `-webkit-appearance: none` from getting prefixed,
+ // We have disabled autoprefixer first and are just only using
+ // `-moz-appearance: none` as a prefix and neglecting the webkit.
+
+ /*! autoprefixer: off */
+ -moz-appearance: none;
+ appearance: none;
+
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+
+ // For Firefox
+ border: 0;
+ background: $meter-background;
+
+ // Chrome/Safari/Edge
+ &::-webkit-meter-bar {
+ border: 0;
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+
+ background: $meter-background;
+ }
+
+ &::-webkit-meter-inner-element {
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+ }
+
+ &::-webkit-meter-optimum-value {
+ background: $meter-fill-good;
+
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+ }
+
+ &::-webkit-meter-suboptimum-value {
+ background: $meter-fill-medium;
+
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+ }
+
+ &::-webkit-meter-even-less-good-value {
+ background: $meter-fill-bad;
+
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+ }
+
+ &::-moz-meter-bar {
+ background: $primary-color;
+
+ @if has-value($meter-radius) {
+ border-radius: $meter-radius;
+ }
+ }
+
+ &:-moz-meter-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ background: $meter-fill-good;
+ }
+
+ &:-moz-meter-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ background: $meter-fill-medium;
+ }
+
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ background: $meter-fill-bad;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_progress.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_progress.scss
new file mode 100644
index 0000000..4dd37f1
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_progress.scss
@@ -0,0 +1,94 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group progress-bar
+////
+
+/// Height of a progress bar.
+/// @type Number
+$progress-height: 1rem !default;
+
+/// Background color of a progress bar.
+/// @type Color
+$progress-background: $medium-gray !default;
+
+/// Bottom margin of a progress bar.
+/// @type Number
+$progress-margin-bottom: $global-margin !default;
+
+/// Default color of a progress bar's meter.
+/// @type Color
+$progress-meter-background: $primary-color !default;
+
+/// Default radius of a progress bar.
+/// @type Number
+$progress-radius: $global-radius !default;
+
+@mixin foundation-progress-element {
+ progress {
+ display: block;
+ width: 100%;
+ height: $progress-height;
+ margin-bottom: $progress-margin-bottom;
+
+ appearance: none;
+
+ @if hasvalue($progress-radius) {
+ border-radius: $progress-radius;
+ }
+
+ // For Firefox
+ border: 0;
+ background: $progress-background;
+
+ &::-webkit-progress-bar {
+ background: $progress-background;
+
+ @if hasvalue($progress-radius) {
+ border-radius: $progress-radius;
+ }
+ }
+
+ &::-webkit-progress-value {
+ background: $progress-meter-background;
+
+ @if hasvalue($progress-radius) {
+ border-radius: $progress-radius;
+ }
+ }
+
+ &::-moz-progress-bar {
+ background: $progress-meter-background;
+
+ @if hasvalue($progress-radius) {
+ border-radius: $progress-radius;
+ }
+ }
+
+ @each $name, $color in $foundation-palette {
+ &.#{$name} {
+ // Internet Explorer sets the fill with color
+ color: $color;
+
+ &::-webkit-progress-value {
+ background: $color;
+ }
+
+ &::-moz-progress-bar {
+ background: $color;
+ }
+ }
+ }
+
+ // For IE and Edge
+ &::-ms-fill {
+ @if hasvalue($progress-radius) {
+ border-radius: $progress-radius;
+ }
+
+ border: 0;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_range.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_range.scss
new file mode 100644
index 0000000..b576641
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_range.scss
@@ -0,0 +1,149 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group slider
+////
+
+/// Default height of the slider.
+/// @type Number
+$slider-height: 0.5rem !default;
+
+/// Default background color of the slider's track.
+/// @type Color
+$slider-background: $light-gray !default;
+
+/// Default color of the active fill color of the slider.
+/// @type Color
+$slider-fill-background: $medium-gray !default;
+
+/// Default height of the handle of the slider.
+/// @type Number
+$slider-handle-height: 1.4rem !default;
+
+/// Default width of the handle of the slider.
+/// @type Number
+$slider-handle-width: 1.4rem !default;
+
+/// Default color of the handle for the slider.
+/// @type Color
+$slider-handle-background: $primary-color !default;
+
+/// Default fade amount of a disabled slider.
+/// @type Number
+$slider-opacity-disabled: 0.25 !default;
+
+/// Default radius for slider.
+/// @type Number
+$slider-radius: $global-radius !default;
+
+@mixin foundation-range-input {
+ input[type="range"] { // sass-lint:disable-line no-qualifying-elements
+ $margin: ($slider-handle-height - $slider-height) / 2;
+
+ display: block;
+ width: 100%;
+ height: auto;
+ margin-top: $margin;
+ margin-bottom: $margin;
+
+ appearance: none;
+ border: 0;
+ line-height: 1;
+ cursor: pointer;
+
+ @if has-value($slider-radius) {
+ border-radius: $slider-radius;
+ }
+
+ &:focus {
+ outline: 0;
+ }
+
+ &[disabled] {
+ opacity: $slider-opacity-disabled;
+ }
+
+ // sass-lint:disable no-vendor-prefix
+
+ // Chrome/Safari
+ &::-webkit-slider-runnable-track {
+ height: $slider-height;
+ background: $slider-background;
+ }
+
+ &::-webkit-slider-handle {
+ width: $slider-handle-width;
+ height: $slider-handle-height;
+ margin-top: -$margin;
+
+ -webkit-appearance: none;
+ background: $slider-handle-background;
+
+ @if has-value($slider-radius) {
+ border-radius: $slider-radius;
+ }
+ }
+
+ // Firefox
+ &::-moz-range-track {
+ height: $slider-height;
+ -moz-appearance: none;
+ background: $slider-background;
+ }
+
+ &::-moz-range-thumb {
+ width: $slider-handle-width;
+ height: $slider-handle-height;
+ margin-top: -$margin;
+
+ -moz-appearance: none;
+ background: $slider-handle-background;
+
+ @if has-value($slider-radius) {
+ border-radius: $slider-radius;
+ }
+ }
+
+ // Internet Explorer
+ &::-ms-track {
+ height: $slider-height;
+
+ border: 0;
+ border-top: $margin solid $body-background;
+ border-bottom: $margin solid $body-background;
+ background: $slider-background;
+
+ overflow: visible;
+ color: transparent;
+ }
+
+ &::-ms-thumb {
+ width: $slider-handle-width;
+ height: $slider-handle-height;
+ border: 0;
+ background: $slider-handle-background;
+
+ @if has-value($slider-radius) {
+ border-radius: $slider-radius;
+ }
+ }
+
+ &::-ms-fill-lower {
+ background: $slider-fill-background;
+ }
+
+ &::-ms-fill-upper {
+ background: $slider-background;
+ }
+
+ @at-root {
+ output {
+ vertical-align: middle;
+ margin-left: 0.5em;
+ line-height: $slider-handle-height;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_select.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_select.scss
new file mode 100644
index 0000000..5f5097a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_select.scss
@@ -0,0 +1,86 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Background color for select menus.
+/// @type Color
+$select-background: $white !default;
+
+/// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.
+/// @type Color
+$select-triangle-color: $dark-gray !default;
+
+/// Default radius for select menus.
+/// @type Color
+$select-radius: $global-radius !default;
+
+@mixin form-select {
+ $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
+
+ height: $height;
+ margin: 0 0 $form-spacing;
+ padding: $input-padding;
+
+ appearance: none;
+ border: $input-border;
+ border-radius: $select-radius;
+ background-color: $select-background;
+
+ font-family: $input-font-family;
+ font-size: $input-font-size;
+ font-weight: $input-font-weight;
+ line-height: $input-line-height;
+ color: $input-color;
+
+ @if $select-triangle-color != transparent {
+ @include background-triangle($select-triangle-color);
+ background-origin: content-box;
+ background-position: $global-right (-$form-spacing) center;
+ background-repeat: no-repeat;
+ background-size: 9px 6px;
+
+ padding-#{$global-right}: ($form-spacing * 1.5);
+ }
+
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+
+ // Focus state
+ &:focus {
+ outline: none;
+ border: $input-border-focus;
+ background-color: $input-background-focus;
+ box-shadow: $input-shadow-focus;
+
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+ }
+
+ // Disabled state
+ &:disabled {
+ background-color: $input-background-disabled;
+ cursor: $input-cursor-disabled;
+ }
+
+ // Hide the dropdown arrow shown in newer IE versions
+ &::-ms-expand {
+ display: none;
+ }
+
+ &[multiple] {
+ height: auto;
+ background-image: none;
+ }
+}
+
+@mixin foundation-form-select {
+ select {
+ @include form-select;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_text.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_text.scss
new file mode 100644
index 0000000..b34b121
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/forms/_text.scss
@@ -0,0 +1,179 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Font color of text inputs.
+/// @type Color
+$input-color: $black !default;
+
+/// Font color of placeholder text within text inputs.
+/// @type Color
+$input-placeholder-color: $medium-gray !default;
+
+/// Font family of text inputs.
+/// @type Font
+$input-font-family: inherit !default;
+
+/// Font size of text inputs.
+/// @type Number
+$input-font-size: rem-calc(16) !default;
+
+/// Font weight of text inputs.
+/// @type Keyword
+$input-font-weight: $global-weight-normal !default;
+
+/// Line height of text inputs.
+/// @type Keyword
+$input-line-height: $global-lineheight !default;
+
+/// Background color of text inputs.
+/// @type Color
+$input-background: $white !default;
+
+/// Background color of focused of text inputs.
+/// @type Color
+$input-background-focus: $white !default;
+
+/// Background color of disabled text inputs.
+/// @type Color
+$input-background-disabled: $light-gray !default;
+
+/// Border around text inputs.
+/// @type Border
+$input-border: 1px solid $medium-gray !default;
+
+/// Border around focused text inputs.
+/// @type Color
+$input-border-focus: 1px solid $dark-gray !default;
+
+/// Padding of text inputs.
+/// @type Color
+$input-padding: $form-spacing / 2 !default;
+
+/// Box shadow inside text inputs when not focused.
+/// @type Shadow
+$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;
+
+/// Box shadow outside text inputs when focused.
+/// @type Shadow
+$input-shadow-focus: 0 0 5px $medium-gray !default;
+
+/// Cursor to use when hovering over a disabled text input.
+/// @type Cursor
+$input-cursor-disabled: not-allowed !default;
+
+/// Properties to transition on text inputs.
+/// @type Transition
+$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default;
+
+/// Enables the up/down buttons that Chrome and Firefox add to `<input type='number'>` elements.
+/// @type Boolean
+$input-number-spinners: true !default;
+
+/// Radius for text inputs.
+/// @type Border
+$input-radius: $global-radius !default;
+
+/// Border radius for form buttons, defaulted to global-radius.
+/// @type Number
+$form-button-radius: $global-radius !default;
+
+@mixin form-element {
+ $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
+
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: $height;
+ margin: 0 0 $form-spacing;
+ padding: $input-padding;
+
+ border: $input-border;
+ border-radius: $input-radius;
+ background-color: $input-background;
+ box-shadow: $input-shadow;
+
+ font-family: $input-font-family;
+ font-size: $input-font-size;
+ font-weight: $input-font-weight;
+ line-height: $input-line-height;
+ color: $input-color;
+
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+
+ // Focus state
+ &:focus {
+ outline: none;
+ border: $input-border-focus;
+ background-color: $input-background-focus;
+ box-shadow: $input-shadow-focus;
+
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+ }
+}
+
+@mixin foundation-form-text {
+ // Text inputs
+ #{text-inputs()},
+ textarea {
+ @include form-element;
+ appearance: none;
+ }
+
+ // Text areas
+ textarea {
+ max-width: 100%;
+
+ &[rows] {
+ height: auto;
+ }
+ }
+
+ input,
+ textarea {
+ // Placeholder text
+ &::placeholder {
+ color: $input-placeholder-color;
+ }
+
+ // Disabled/readonly state
+ &:disabled,
+ &[readonly] {
+ background-color: $input-background-disabled;
+ cursor: $input-cursor-disabled;
+ }
+ }
+
+ // Reset styles on button-like inputs
+ [type='submit'],
+ [type='button'] {
+ appearance: none;
+ border-radius: $form-button-radius;
+ }
+
+ // Reset Normalize setting content-box to search elements
+ input[type='search'] { // sass-lint:disable-line no-qualifying-elements
+ box-sizing: border-box;
+ }
+
+ // Number input styles
+ [type='number'] {
+ @if not $input-number-spinners {
+ -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
+
+ &::-webkit-inner-spin-button,
+ &::-webkit-outer-spin-button {
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
+ margin: 0;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/foundation.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/foundation.scss
new file mode 100644
index 0000000..b32277a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/foundation.scss
@@ -0,0 +1,133 @@
+/**
+ * Foundation for Sites by ZURB
+ * Version 6.4.3
+ * foundation.zurb.com
+ * Licensed under MIT Open Source
+ */
+
+// Dependencies
+@import '../_vendor/normalize-scss/sass/normalize';
+@import '../_vendor/sassy-lists/stylesheets/helpers/missing-dependencies';
+@import '../_vendor/sassy-lists/stylesheets/helpers/true';
+@import '../_vendor/sassy-lists/stylesheets/functions/contain';
+@import '../_vendor/sassy-lists/stylesheets/functions/purge';
+@import '../_vendor/sassy-lists/stylesheets/functions/remove';
+@import '../_vendor/sassy-lists/stylesheets/functions/replace';
+@import '../_vendor/sassy-lists/stylesheets/functions/to-list';
+
+// Settings
+// import your own `settings` here or
+// import and modify the default settings through
+// @import 'settings/settings';
+
+// Sass utilities
+@import 'util/util';
+
+// Global variables and styles
+@import 'global';
+
+// Components
+@import 'grid/grid';
+@import 'xy-grid/xy-grid';
+@import 'typography/typography';
+@import 'forms/forms';
+@import 'components/visibility';
+@import 'components/float';
+@import 'components/button';
+@import 'components/button-group';
+@import 'components/accordion-menu';
+@import 'components/accordion';
+@import 'components/badge';
+@import 'components/breadcrumbs';
+@import 'components/callout';
+@import 'components/card';
+@import 'components/close-button';
+@import 'components/drilldown';
+@import 'components/dropdown-menu';
+@import 'components/dropdown';
+@import 'components/flex';
+@import 'components/responsive-embed';
+@import 'components/label';
+@import 'components/media-object';
+@import 'components/menu';
+@import 'components/menu-icon';
+@import 'components/off-canvas';
+@import 'components/orbit';
+@import 'components/pagination';
+@import 'components/progress-bar';
+@import 'components/reveal';
+@import 'components/slider';
+@import 'components/sticky';
+@import 'components/switch';
+@import 'components/table';
+@import 'components/tabs';
+@import 'components/title-bar';
+@import 'components/top-bar';
+@import 'components/thumbnail';
+@import 'components/tooltip';
+@import 'prototype/prototype';
+
+@mixin foundation-everything(
+ $flex: true,
+ $prototype: false
+) {
+ @if $flex {
+ $global-flexbox: true !global;
+ }
+
+ @include foundation-global-styles;
+ @if not $flex {
+ @include foundation-grid;
+ }
+ @else {
+ @if $xy-grid {
+ @include foundation-xy-grid-classes;
+ }
+ @else {
+ @include foundation-flex-grid;
+ }
+ }
+ @include foundation-typography;
+ @include foundation-forms;
+ @include foundation-button;
+ @include foundation-accordion;
+ @include foundation-accordion-menu;
+ @include foundation-badge;
+ @include foundation-breadcrumbs;
+ @include foundation-button-group;
+ @include foundation-callout;
+ @include foundation-card;
+ @include foundation-close-button;
+ @include foundation-menu;
+ @include foundation-menu-icon;
+ @include foundation-drilldown-menu;
+ @include foundation-dropdown;
+ @include foundation-dropdown-menu;
+ @include foundation-responsive-embed;
+ @include foundation-label;
+ @include foundation-media-object;
+ @include foundation-off-canvas;
+ @include foundation-orbit;
+ @include foundation-pagination;
+ @include foundation-progress-bar;
+ @include foundation-slider;
+ @include foundation-sticky;
+ @include foundation-reveal;
+ @include foundation-switch;
+ @include foundation-table;
+ @include foundation-tabs;
+ @include foundation-thumbnail;
+ @include foundation-title-bar;
+ @include foundation-tooltip;
+ @include foundation-top-bar;
+ @include foundation-visibility-classes;
+ @include foundation-float-classes;
+
+ @if $flex {
+ @include foundation-flex-classes;
+ }
+
+ @if $prototype {
+ @include foundation-prototype-classes;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_classes.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_classes.scss
new file mode 100644
index 0000000..3bc26f5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_classes.scss
@@ -0,0 +1,176 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Outputs CSS classes for the grid.
+/// @access private
+@mixin foundation-grid(
+ $row: 'row',
+ $column: 'column',
+ $column-row: 'column-row',
+ $gutter: 'gutter',
+ $push: 'push',
+ $pull: 'pull',
+ $center: 'centered',
+ $uncenter: 'uncentered',
+ $collapse: 'collapse',
+ $uncollapse: 'uncollapse',
+ $offset: 'offset',
+ $end: 'end',
+ $expanded: 'expanded',
+ $block: 'block'
+) {
+ // Row
+ .#{$row} {
+ @include grid-row;
+
+ // Collapsing
+ &.#{$collapse} {
+ > .#{$column} {
+ @include grid-col-collapse;
+ }
+ }
+
+ // Nesting
+ & .#{$row} {
+ @include grid-row-nest($grid-column-gutter);
+
+ &.#{$collapse} {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+
+ // Expanded (full-width) row
+ &.#{$expanded} {
+ @include grid-row-size(expand);
+
+ .#{$row} {
+ margin-right: auto;
+ margin-left: auto;
+ }
+ }
+
+ &:not(.#{$expanded}) .#{$row} {
+ @include grid-row-size(expand);
+ }
+
+ @if type-of($grid-column-gutter) == 'map' {
+ // Static (unresponsive) row gutters
+ //
+ @each $breakpoint, $value in $grid-column-gutter {
+ &.#{$gutter}-#{$breakpoint} {
+ > .#{$column} {
+ @include grid-col-gutter($value);
+ }
+ }
+ }
+ }
+ }
+
+ // Column
+ .#{$column} {
+ @include grid-col;
+
+ @if $grid-column-align-edge {
+ &.#{$end} {
+ @include grid-col-end;
+ }
+ }
+ }
+
+ // Column row
+ // The double .row class is needed to bump up the specificity
+ .#{$column}.#{$row}.#{$row} {
+ float: none;
+ }
+
+ // To properly nest a column row, padding and margin is removed
+ .#{$row} .#{$column}.#{$row}.#{$row} {
+ margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $grid-column-count {
+ // Column width
+ .#{$-zf-size}-#{$i} {
+ @include grid-col-size($i);
+ }
+
+ // Source ordering
+ @if $i < $grid-column-count {
+ .#{$-zf-size}-#{$push}-#{$i} {
+ @include grid-col-pos($i);
+ }
+
+ .#{$-zf-size}-#{$pull}-#{$i} {
+ @include grid-col-pos(-$i);
+ }
+ }
+
+ // Offsets
+ $o: $i - 1;
+
+ .#{$-zf-size}-#{$offset}-#{$o} {
+ @include grid-col-off($o);
+ }
+ }
+
+ // Block grid
+ @for $i from 1 through $block-grid-max {
+ .#{$-zf-size}-up-#{$i} {
+ @include grid-layout($i, '.#{$column}');
+ }
+ }
+
+ // Responsive collapsing
+ .#{$-zf-size}-#{$collapse} {
+ > .#{$column} { @include grid-col-collapse; }
+
+ .#{$row} {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+
+ .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {
+ margin-right: 0;
+ margin-left: 0;
+ }
+
+ .#{$-zf-size}-#{$uncollapse} {
+ > .#{$column} { @include grid-col-gutter($-zf-size); }
+ }
+
+ // Positioning
+ .#{$-zf-size}-#{$center} {
+ @include grid-col-pos(center);
+ }
+
+ // Gutter adjustment
+ .#{$-zf-size}-#{$uncenter},
+ .#{$-zf-size}-#{$push}-0,
+ .#{$-zf-size}-#{$pull}-0 {
+ @include grid-col-unpos;
+ }
+ }
+
+ // Block grid columns
+ .#{$column}-#{$block} {
+ @include grid-column-margin;
+ }
+
+ @if $column == 'column' and has-value($grid-column-alias) {
+ .#{$grid-column-alias} {
+ // sass-lint:disable-block placeholder-in-extend
+ @extend .column;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_column.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_column.scss
new file mode 100644
index 0000000..615e6fd
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_column.scss
@@ -0,0 +1,112 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Calculates the width of a column based on a number of factors.
+///
+/// @param {Number|List} $columns
+/// Width of the column. Accepts multiple values:
+/// - A percentage value will make the column that exact size.
+/// - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row.
+/// - A list of the format "x of y" (without quotes) will make a column that is *x* columns wide, assuming *y* total columns for the parent.
+///
+/// @returns {Number} A calculated percentage value.
+@function grid-column($columns) {
+ $width: 0%;
+
+ // Parsing percents, decimals, and column counts
+ @if type-of($columns) == 'number' {
+ @if unit($columns) == '%' {
+ $width: $columns;
+ }
+ @else if $columns < 1 {
+ $width: percentage($columns);
+ }
+ @else {
+ $width: percentage($columns / $grid-column-count);
+ }
+ }
+
+ // Parsing "n of n" expressions
+ @else if type-of($columns) == 'list' {
+ @if length($columns) != 3 {
+ @error 'Wrong syntax for grid-column(). Use the format "n of n".';
+ }
+ @else {
+ $width: percentage(nth($columns, 1) / nth($columns, 3));
+ }
+ }
+
+ // Anything else is incorrect
+ @else {
+ @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or "n of n".';
+ }
+
+ @return $width;
+}
+
+/// Creates a grid column.
+///
+/// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values.
+/// @param {Mixed} $gutters [$grid-column-gutter] - Spacing between columns. Refer to the `grid-column-gutter()` function to see possible values.
+@mixin grid-column(
+ $columns: $grid-column-count,
+ $gutters: $grid-column-gutter
+) {
+ @include grid-column-size($columns);
+ float: $global-left;
+
+ // Gutters
+ @include grid-column-gutter($gutters: $gutters);
+
+ // Last column alignment
+ @if $grid-column-align-edge {
+ &:last-child:not(:first-child) {
+ float: $global-right;
+ }
+ }
+}
+
+/// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.
+///
+/// @param {Mixed} $gutters [$grid-column-gutter] - Width of the gutters on either side of the column row. Refer to the `grid-column-gutter()` function to see possible values.
+@mixin grid-column-row(
+ $gutters: $grid-column-gutter
+) {
+ @include grid-row;
+ @include grid-column($gutters: $gutters);
+
+ &,
+ &:last-child {
+ float: none;
+ }
+}
+
+/// Shorthand for `grid-column()`.
+/// @alias grid-column
+@function grid-col(
+ $columns: $grid-column-count
+) {
+ @return grid-column($columns);
+}
+
+/// Shorthand for `grid-column()`.
+/// @alias grid-column
+@mixin grid-col(
+ $columns: $grid-column-count,
+ $gutters: $grid-column-gutter
+) {
+ @include grid-column($columns, $gutters);
+}
+
+/// Shorthand for `grid-column-row()`.
+/// @alias grid-column-row
+@mixin grid-col-row(
+ $gutters: $grid-column-gutter
+) {
+ @include grid-column-row($gutters);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_flex-grid.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_flex-grid.scss
new file mode 100644
index 0000000..61a6d2d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_flex-grid.scss
@@ -0,0 +1,259 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group flex-grid
+////
+
+/// Creates a container for a flex grid row.
+///
+/// @param {Keyword|List} $behavior [null]
+/// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
+/// @param {Number} $columns [null] - Number of columns to use for this row. If set to `null` (the default), the global column count will be used.
+/// @param {Boolean} $base [true] - Set to `false` to prevent basic styles from being output. Useful if you're calling this mixin on the same element twice, as it prevents duplicate CSS output.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins, in case the row is nested. Responsive gutter settings by default.
+@mixin flex-grid-row(
+ $behavior: null,
+ $size: $grid-row-width,
+ $columns: null,
+ $base: true,
+ $wrap: true,
+ $gutters: $grid-column-gutter
+) {
+ $margin: auto;
+ $wrap: if($wrap, wrap, nowrap);
+
+ @if index($behavior, nest) != null {
+ @include grid-row-nest($gutters);
+
+ @if index($behavior, collapse) != null {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+ @else {
+ @include grid-row-size($size);
+ margin-right: auto;
+ margin-left: auto;
+ }
+
+ @if $base {
+ display: flex;
+ flex-flow: row $wrap;
+ }
+
+ @if $columns != null {
+ @include grid-context($columns, $base) {
+ @content;
+ }
+ }
+}
+
+/// Calculates the `flex` property for a flex grid column. It accepts all of the same values as the basic `grid-column()` function, along with two extras:
+/// - `expand` (the default) will make the column expand to fill space.
+/// - `shrink` will make the column contract, so it only takes up the horizontal space it needs.
+///
+/// @param {Mixed} $columns [expand] - Width of the column.
+@function flex-grid-column($columns: expand) {
+ $flex: 1 1 0px; // sass-lint:disable-line zero-unit
+
+ @if $columns == shrink {
+ $flex: 0 0 auto;
+ }
+ @else if $columns != expand {
+ $flex: 0 0 grid-column($columns);
+ }
+
+ @return $flex;
+}
+
+/// Creates a column for a flex grid. By default, the column will stretch to the full width of its container, but this can be overridden with sizing classes, or by using the `unstack` class on the parent flex row.
+///
+/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Map or single value for gutters width. See the `grid-column-gutter` mixin.
+@mixin flex-grid-column(
+ $columns: expand,
+ $gutters: $grid-column-gutter
+) {
+ // Base properties
+ @include flex-grid-size($columns);
+
+ // Gutters
+ @include grid-column-gutter($gutters: $gutters);
+
+ // fixes recent Chrome version not limiting child width
+ // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome
+ @if $columns == expand {
+ min-width: 0;
+ }
+}
+
+/// Creates a block grid for a flex grid row.
+///
+/// @param {Number} $n - Number of columns to display on each row.
+/// @param {String} $selector - Selector to use to target columns within the row.
+@mixin flex-grid-layout(
+ $n,
+ $selector: '.column'
+) {
+ flex-wrap: wrap;
+
+ > #{$selector} {
+ $pct: percentage(1/$n);
+
+ flex: 0 0 $pct;
+ max-width: $pct;
+ }
+}
+
+/// Changes the width flex grid column.
+/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
+@mixin flex-grid-size($columns: null) {
+ $columns: $columns or expand;
+
+ flex: flex-grid-column($columns);
+
+ // max-width fixes IE 10/11 not respecting the flex-basis property
+ @if $columns != expand and $columns != shrink {
+ max-width: grid-column($columns);
+ }
+}
+
+
+@mixin foundation-flex-grid {
+ // Row
+ .row {
+ @include flex-grid-row;
+
+ // Nesting behavior
+ & .row {
+ @include flex-grid-row(nest, $base: false);
+
+ &.collapse {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+
+ // Expanded row
+ &.expanded {
+ @include grid-row-size(expand);
+
+ .row {
+ margin-right: auto;
+ margin-left: auto;
+ }
+ }
+
+ &:not(.expanded) .row {
+ @include grid-row-size(expand);
+ }
+
+ &.collapse {
+ > .column {
+ @include grid-col-collapse;
+ }
+ }
+
+ // Undo negative margins
+ // From collapsed child
+ &.is-collapse-child,
+ &.collapse > .column > .row {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+
+ // Column
+ .column {
+ @include flex-grid-column;
+ }
+
+ // Column row
+ // The double .row class is needed to bump up the specificity
+ .column.row.row {
+ float: none;
+ display: block;
+ }
+
+ // To properly nest a column row, padding and margin is removed
+ .row .column.row.row {
+ margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $grid-column-count {
+ // Sizing (percentage)
+ .#{$-zf-size}-#{$i} {
+ flex: flex-grid-column($i);
+ max-width: grid-column($i);
+ }
+
+ // Offsets
+ $o: $i - 1;
+
+ .#{$-zf-size}-offset-#{$o} {
+ @include grid-column-offset($o);
+ }
+ }
+
+ // Block grid
+ @for $i from 1 through $block-grid-max {
+ .#{$-zf-size}-up-#{$i} {
+ @include flex-grid-layout($i);
+ }
+ }
+
+ @if $-zf-size != $-zf-zero-breakpoint {
+ // Sizing (expand)
+ @include breakpoint($-zf-size) {
+ .#{$-zf-size}-expand {
+ flex: flex-grid-column();
+ }
+ }
+
+ // Auto-stacking/unstacking
+ @at-root (without: media) {
+ .row.#{$-zf-size}-unstack {
+ > .column {
+ flex: flex-grid-column(100%);
+
+ @include breakpoint($-zf-size) {
+ flex: flex-grid-column();
+ }
+ }
+ }
+ }
+ }
+
+ // Responsive collapsing
+ .#{$-zf-size}-collapse {
+ > .column { @include grid-col-collapse; }
+ }
+
+ .#{$-zf-size}-uncollapse {
+ > .column { @include grid-col-gutter($-zf-size); }
+ }
+ }
+
+ // Sizing (shrink)
+ .shrink {
+ flex: flex-grid-column(shrink);
+ max-width: 100%;
+ }
+
+ // Block grid columns
+ .column-block {
+ @include grid-column-margin;
+ }
+
+ .columns {
+ @extend .column; // sass-lint:disable-line placeholder-in-extend
+
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_grid.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_grid.scss
new file mode 100644
index 0000000..34b2b50
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_grid.scss
@@ -0,0 +1,48 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// The maximum width of a row.
+/// @type Number
+$grid-row-width: $global-width !default;
+
+/// The default column count of a grid. Changing this value affects the logic of the grid mixins, and the number of CSS classes output.
+/// @type Number
+$grid-column-count: 12 !default;
+
+/// The amount of space between columns at different screen sizes. To use just one size, set the variable to a number instead of a map.
+/// @type Map | Length
+/// @since 6.1.0
+$grid-column-gutter: (
+ small: 20px,
+ medium: 30px,
+) !default;
+
+/// If `true`, the last column in a row will align to the opposite edge of the row.
+/// @type Boolean
+$grid-column-align-edge: true !default;
+
+/// Selector used for an alias of column (with @extend). If `false`, no alias is created.
+/// @type String
+$grid-column-alias: 'columns' !default;
+
+/// The highest number of `.x-up` classes available when using the block grid CSS.
+/// @type Number
+$block-grid-max: 8 !default;
+
+// Internal value to store the end column float direction
+$-zf-end-float: if($grid-column-align-edge, $global-right, $global-left);
+
+@import 'row';
+@import 'column';
+@import 'size';
+@import 'position';
+@import 'gutter';
+@import 'classes';
+@import 'layout';
+
+@import 'flex-grid';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_gutter.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_gutter.scss
new file mode 100644
index 0000000..745182f
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_gutter.scss
@@ -0,0 +1,82 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Set the gutters on a column
+/// @param {Number|Keyword} $gutter [auto]
+/// Spacing between columns, accepts multiple values:
+/// - A single value will make the gutter that exact size.
+/// - A breakpoint name will make the gutter the corresponding size in the $gutters map.
+/// - "auto" will make the gutter responsive, using the $gutters map values.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use. Responsive gutter settings by default.
+@mixin grid-column-gutter(
+ $gutter: auto,
+ $gutters: $grid-column-gutter
+) {
+ @include -zf-breakpoint-value($gutter, $gutters) {
+ $padding: rem-calc($-zf-bp-value) / 2;
+
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+}
+
+/// Collapse the gutters on a column by removing the padding. **Note:** only use this mixin within a breakpoint. To collapse a column's gutters on all screen sizes, use the `$gutter` parameter of the `grid-column()` mixin instead.
+@mixin grid-column-collapse {
+ @include grid-column-gutter(0);
+}
+
+/// Un-collapse the gutters on a column by re-adding the padding.
+///
+/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.
+@mixin grid-column-uncollapse($gutter: $grid-column-gutter) {
+ @warn 'This mixin is being replaced by grid-column-gutter(). grid-column-uncollapse() will be removed in Foundation 6.4.';
+ @include grid-column-gutter($gutters: $gutter);
+}
+
+/// Shorthand for `grid-column-gutter()`.
+/// @alias grid-column-gutter
+@mixin grid-col-gutter(
+ $gutter: auto,
+ $gutters: $grid-column-gutter
+) {
+ @include grid-column-gutter($gutter, $gutters);
+}
+
+/// Shorthand for `grid-column-collapse()`.
+/// @alias grid-column-collapse
+@mixin grid-col-collapse {
+ @include grid-column-collapse;
+}
+
+/// Shorthand for `grid-column-uncollapse()`.
+/// @alias grid-column-uncollapse
+@mixin grid-col-uncollapse($gutter: $grid-column-gutter) {
+ @warn 'This mixin is being replaced by grid-col-gutter(). grid-col-uncollapse() will be removed in Foundation 6.4.';
+ @include grid-column-uncollapse($gutter);
+}
+
+/// Sets bottom margin on grid columns to match gutters
+/// @param {Number|Keyword} $margin [auto]
+/// The bottom margin on grid columns, accepts multiple values:
+/// - A single value will make the margin that exact size.
+/// - A breakpoint name will make the margin the corresponding size in the $margins map.
+/// - "auto" will make the margin responsive, using the $margins map values.
+/// @param {Number|Map} $margins [$grid-column-gutter] - Map or single value to use. Responsive gutter settings by default.
+@mixin grid-column-margin (
+ $margin: auto,
+ $margins: $grid-column-gutter
+) {
+ @include -zf-breakpoint-value($margin, $margins) {
+ $margin-bottom: rem-calc($-zf-bp-value);
+ margin-bottom: $margin-bottom;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_layout.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_layout.scss
new file mode 100644
index 0000000..1e08791
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_layout.scss
@@ -0,0 +1,76 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Sizes child elements so that `$n` number of items appear on each row.
+///
+/// @param {Number} $n - Number of elements to display per row.
+/// @param {String} $selector ['.column'] - Selector(s) to use for child elements.
+/// @param {Number|List} $gutter
+/// The gutter to apply to child elements. Accepts multiple values:
+/// - $grid-column-gutter will use the values in the $grid-column-gutter map, including breakpoint sizes.
+/// - A fixed numeric value will apply this gutter to all breakpoints.
+@mixin grid-layout(
+ $n,
+ $selector: '.column',
+ $gutter: null
+) {
+ & > #{$selector} {
+ float: $global-left;
+ width: percentage(1/$n);
+
+ // If a $gutter value is passed
+ @if($gutter) {
+ // Gutters
+ @if type-of($gutter) == 'map' {
+ @each $breakpoint, $value in $gutter {
+ $padding: rem-calc($value) / 2;
+
+ @include breakpoint($breakpoint) {
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+ }
+ }
+ @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
+ $padding: rem-calc($gutter) / 2;
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+ }
+
+ &:nth-of-type(1n) {
+ clear: none;
+ }
+
+ &:nth-of-type(#{$n}n+1) {
+ clear: both;
+ }
+
+ &:last-child {
+ float: $global-left;
+ }
+ }
+}
+
+/// Adds extra CSS to block grid children so the last items in the row center automatically. Apply this to the columns, not the row.
+///
+/// @param {Number} $n - Number of items that appear in each row.
+@mixin grid-layout-center-last($n) {
+ @for $i from 1 to $n {
+ @if $i == 1 {
+ &:nth-child(#{$n}n+1):last-child {
+ margin-left: (100 - 100/$n * $i) / 2 * 1%;
+ }
+ }
+ @else {
+ &:nth-child(#{$n}n+1):nth-last-child(#{$i}) {
+ margin-left: (100 - 100/$n * $i) / 2 * 1%;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_position.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_position.scss
new file mode 100644
index 0000000..3dcd29d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_position.scss
@@ -0,0 +1,76 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Reposition a column.
+///
+/// @param {Number|Keyword} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left. Set to center to center the column.
+@mixin grid-column-position($position) {
+ @if type-of($position) == 'number' {
+ $offset: percentage($position / $grid-column-count);
+
+ position: relative;
+ #{$global-left}: $offset;
+ }
+ @else if $position == center {
+ &, &:last-child:not(:first-child) {
+ float: none;
+ clear: both;
+ }
+ margin-right: auto;
+ margin-left: auto;
+ }
+ @else {
+ @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.';
+ }
+}
+
+/// Reset a position definition.
+@mixin grid-column-unposition {
+ position: static;
+ float: $global-left;
+ margin-right: 0;
+ margin-left: 0;
+}
+
+/// Offsets a column to the right by `$n` columns.
+/// @param {Number|List} $n - Width to offset by. You can pass in any value accepted by the `grid-column()` mixin, such as `6`, `50%`, or `1 of 2`.
+@mixin grid-column-offset($n) {
+ margin-#{$global-left}: grid-column($n);
+}
+
+/// Disable the default behavior of the last column in a row aligning to the opposite edge.
+@mixin grid-column-end {
+ // This extra specificity is required for the property to be applied
+ &:last-child:last-child {
+ float: $global-left;
+ }
+}
+
+/// Shorthand for `grid-column-position()`.
+/// @alias grid-column-position
+@mixin grid-col-pos($position) {
+ @include grid-column-position($position);
+}
+
+/// Shorthand for `grid-column-unposition()`.
+/// @alias grid-column-unposition
+@mixin grid-col-unpos {
+ @include grid-column-unposition;
+}
+
+/// Shorthand for `grid-column-offset()`.
+/// @alias grid-column-offset
+@mixin grid-col-off($n) {
+ @include grid-column-offset($n);
+}
+
+/// Shorthand for `grid-column-end()`.
+/// @alias grid-column-end
+@mixin grid-col-end {
+ @include grid-column-end;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_row.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_row.scss
new file mode 100644
index 0000000..e971855
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_row.scss
@@ -0,0 +1,99 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Change the behavior of columns defined inside this mixin to use a different column count.
+/// @content
+///
+/// @param {Number} $columns - Number of columns to use.
+/// @param {Boolean} $root [false]
+/// If `false`, selectors inside this mixin will nest inside the parent selector.
+/// If `true`, selectors will not nest.
+@mixin grid-context(
+ $columns,
+ $root: false
+) {
+ // Store the current column count so it can be re-set later
+ $old-grid-column-count: $grid-column-count;
+ $grid-column-count: $columns !global;
+
+ @if $root {
+ @at-root { @content; }
+ }
+ @else {
+ @content;
+ }
+
+ // Restore the old column count
+ $grid-column-count: $old-grid-column-count !global;
+}
+
+/// Creates a grid row.
+/// @content
+///
+/// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.
+/// @param {Keywords} $behavior [null]
+/// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
+/// @param {Boolean} $cf [true] - Whether or not to include a clearfix.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.
+@mixin grid-row(
+ $columns: null,
+ $behavior: null,
+ $size: $grid-row-width,
+ $cf: true,
+ $gutters: $grid-column-gutter
+) {
+ $margin: auto;
+
+ @if index($behavior, nest) != null {
+ @include grid-row-nest($gutters);
+
+ @if index($behavior, collapse) != null {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ }
+ @else {
+ @include grid-row-size($size);
+ margin-right: auto;
+ margin-left: auto;
+ }
+
+ @if $cf {
+ @include clearfix;
+ }
+
+ @if $columns != null {
+ @include grid-context($columns) {
+ @content;
+ }
+ }
+}
+
+/// Inverts the margins of a row to nest it inside of a column.
+///
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.
+@mixin grid-row-nest($gutters: $grid-column-gutter) {
+ @include -zf-each-breakpoint {
+ $margin: rem-calc(-zf-get-bp-val($gutters, $-zf-size)) / 2 * -1;
+
+ margin-right: $margin;
+ margin-left: $margin;
+ }
+}
+
+/// Set a grid row size
+///
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
+@mixin grid-row-size($size: $grid-row-width) {
+ @if $size == expand {
+ $size: none;
+ }
+
+ max-width: $size;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_size.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_size.scss
new file mode 100644
index 0000000..c01c8ca
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/grid/_size.scss
@@ -0,0 +1,24 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Set the width of a grid column.
+///
+/// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`.
+@mixin grid-column-size(
+ $columns: $grid-column-count
+) {
+ width: grid-column($columns);
+}
+
+/// Shorthand for `grid-column-size()`.
+/// @alias grid-column-size
+@mixin grid-col-size(
+ $columns: $grid-column-count
+) {
+ @include grid-column-size($columns);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_arrow.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_arrow.scss
new file mode 100644
index 0000000..3ba57c2
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_arrow.scss
@@ -0,0 +1,36 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-arrow
+////
+
+/// Map containing all the `arrow` direction
+/// @type Map
+$prototype-arrow-directions: (
+ down,
+ up,
+ right,
+ left
+) !default;
+
+/// Width of the Arrow, `0.4375rem` by default.
+/// @type Number
+$prototype-arrow-size: 0.4375rem;
+
+/// Color of the Arrow, `$black` by default.
+/// @type Color
+$prototype-arrow-color: $black;
+
+@mixin foundation-prototype-arrow {
+ @each $prototype-arrow-direction in $prototype-arrow-directions {
+ .arrow-#{$prototype-arrow-direction} {
+ @include css-triangle(
+ $prototype-arrow-size,
+ $prototype-arrow-color,
+ $prototype-arrow-direction
+ );
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-box.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-box.scss
new file mode 100644
index 0000000..e04b5f0
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-box.scss
@@ -0,0 +1,35 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-border-box
+////
+
+/// Responsive breakpoints for border box.
+/// @type Boolean
+$prototype-border-box-breakpoints: $global-prototype-breakpoints !default;
+
+/// Border box utility
+@mixin border-box {
+ box-sizing: border-box !important;
+}
+
+@mixin foundation-prototype-border-box {
+ .border-box {
+ @include border-box;
+ }
+
+ @if ($prototype-border-box-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-border-box {
+ @include border-box;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-none.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-none.scss
new file mode 100644
index 0000000..5408038
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_border-none.scss
@@ -0,0 +1,35 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-border-none
+////
+
+/// Responsive breakpoints for border none.
+/// @type Boolean
+$prototype-border-none-breakpoints: $global-prototype-breakpoints !default;
+
+/// Border none utility
+@mixin border-none {
+ border: none !important;
+}
+
+@mixin foundation-prototype-border-none {
+ .border-none {
+ @include border-none;
+ }
+
+ @if ($prototype-border-none-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-border-none {
+ @include border-none;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_bordered.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_bordered.scss
new file mode 100644
index 0000000..2d4d6ae
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_bordered.scss
@@ -0,0 +1,54 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-bordered
+////
+
+/// Responsive breakpoints for bordered utility.
+/// @type Boolean
+$prototype-bordered-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-border-width`
+/// @type Number
+$prototype-border-width: rem-calc(1) !default;
+
+/// Default value for `prototype-border-type`
+/// @type String
+$prototype-border-type: solid !default;
+
+/// Default value for `prototype-border-color` defaulted to `medium-gray`
+/// @type Color
+$prototype-border-color: $medium-gray !default;
+
+/// Bordered Utility: Adds a light border to an element by default.
+/// @param {Number} $width [$prototype-border-width] Width of the border
+/// @param {String} $type [$prototype-border-type] Type of the border
+/// @param {Color} $color [$prototype-border-color] Color of the border
+@mixin bordered(
+ $width: $prototype-border-width,
+ $type: $prototype-border-type,
+ $color: $prototype-border-color
+) {
+ border: $width $type $color;
+}
+
+@mixin foundation-prototype-bordered {
+ .bordered {
+ @include bordered;
+ }
+
+ @if ($prototype-bordered-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-bordered {
+ @include bordered;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_box.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_box.scss
new file mode 100644
index 0000000..0d4cf8e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_box.scss
@@ -0,0 +1,23 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-box
+////
+
+/// Box Mixin: Easily create a square, rectangle or a circle
+/// @param {Number} $width[] Width of the box
+/// @param {Number} $height[$width] Height of the box, defaults to `$width` to easily make a square
+/// @param {Boolean} $circle[false] Makes the box a circle, by default `false`.
+@mixin box(
+ $width,
+ $height: $width,
+ $circle: false
+) {
+ width: $width;
+ height: $height;
+ @if $circle {
+ border-radius: 50% !important;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_display.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_display.scss
new file mode 100644
index 0000000..23f8b5c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_display.scss
@@ -0,0 +1,50 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-display
+////
+
+/// Responsive breakpoints for display classes
+/// @type Boolean
+$prototype-display-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `display` classes
+/// @type Map
+$prototype-display: (
+ inline,
+ inline-block,
+ block,
+ table,
+ table-cell
+) !default;
+
+/// Display classes, by default coming through a map `$prototype-display`
+/// @param {String} $display [] Display classes
+@mixin display($display) {
+ display: $display !important;
+}
+
+@mixin foundation-prototype-display {
+ @each $display in $prototype-display {
+ .display-#{$display} {
+ @include display($display);
+ }
+ }
+
+ @if ($prototype-display-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $display in $prototype-display {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-display-#{$display} {
+ @include display($display);
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_font-styling.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_font-styling.scss
new file mode 100644
index 0000000..cf6f570
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_font-styling.scss
@@ -0,0 +1,95 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-font-styling
+////
+
+/// Responsive breakpoints for font styling types
+/// @type Boolean
+$prototype-font-breakpoints: $global-prototype-breakpoints !default;
+
+/// Letter spacing for `.font-wide`
+/// @type Number
+$prototype-wide-letter-spacing: rem-calc(4) !default;
+
+/// Default weight for `.font-normal`, defaulted to `global-weight-normal`
+/// @type Number
+$prototype-font-normal: $global-weight-normal !default;
+
+/// Default weight for `.font-bold`, defaulted to `global-weight-bold`
+/// @type Number
+$prototype-font-bold: $global-weight-bold !default;
+
+/// Font wide letter spacing!
+/// @param {Number} $letter-spacing [$prototype-wide-letter-spacing] Wide letter spacing for the font
+@mixin font-wide(
+ $letter-spacing: $prototype-wide-letter-spacing
+) {
+ letter-spacing: $letter-spacing;
+}
+
+/// Font Weight Normal, default value coming through `global-weight-normal`
+/// @param {Number} $weight [$prototype-font-normal] Weight of the font (normal)
+@mixin font-normal(
+ $weight: $prototype-font-normal
+) {
+ font-weight: $weight;
+}
+
+/// Font Weight Bold, default value coming through `global-weight-bold`
+/// @param {Number} $weight [$prototype-font-bold] Weight of the font (bold)
+@mixin font-bold(
+ $weight: $prototype-font-bold
+) {
+ font-weight: $weight;
+}
+
+/// Font Style Italic
+@mixin font-italic {
+ font-style: italic !important;
+}
+
+@mixin foundation-prototype-font-styling {
+ .font-wide{
+ @include font-wide;
+ }
+
+ .font-normal {
+ @include font-normal;
+ }
+
+ .font-bold {
+ @include font-bold;
+ }
+
+ .font-italic {
+ @include font-italic;
+ }
+
+ @if ($prototype-font-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-font-wide{
+ @include font-wide;
+ }
+
+ .#{$size}-font-normal {
+ @include font-normal;
+ }
+
+ .#{$size}-font-bold {
+ @include font-bold;
+ }
+
+ .#{$size}-font-italic {
+ @include font-italic;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_list-style-type.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_list-style-type.scss
new file mode 100644
index 0000000..c9678c4
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_list-style-type.scss
@@ -0,0 +1,95 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-list-style-type
+////
+
+/// Responsive breakpoints for list styling types
+/// @type Boolean
+$prototype-list-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `style-type-unordered` classes
+/// @type Map
+$prototype-style-type-unordered: (
+ disc,
+ circle,
+ square
+) !default;
+
+/// Map containing all the `style-type-ordered` classes
+/// @type Map
+$prototype-style-type-ordered: (
+ decimal,
+ lower-alpha,
+ lower-latin,
+ lower-roman,
+ upper-alpha,
+ upper-latin,
+ upper-roman
+) !default;
+
+
+/// Style type for unordered Lists, by default coming through a map `$prototype-style-type-unordered`
+/// @param {String} $style-type-unordered [] Style type for unordered Lists
+@mixin style-type-unordered($style-type-unordered) {
+ list-style-type: $style-type-unordered !important;
+}
+
+/// Style type for ordered Lists, by default coming through a map `$prototype-style-type-ordered`
+/// @param {String} $style-type-ordered [] Style type for ordered Lists
+@mixin style-type-ordered($style-type-ordered) {
+ list-style-type: $style-type-ordered !important;
+}
+
+@mixin list-unordered {
+ @each $style-type-unordered in $prototype-style-type-unordered {
+ ul.list-#{$style-type-unordered} {
+ @include style-type-unordered($style-type-unordered);
+ }
+ }
+
+ @if ($prototype-list-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $style-type-unordered in $prototype-style-type-unordered {
+ @if $size != $-zf-zero-breakpoint {
+ ul.#{$size}-list-#{$style-type-unordered} {
+ @include style-type-unordered($style-type-unordered);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+@mixin list-ordered {
+ @each $style-type-ordered in $prototype-style-type-ordered {
+ ol.list-#{$style-type-ordered} {
+ @include style-type-ordered($style-type-ordered);
+ }
+ }
+
+ @if ($prototype-list-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $style-type-ordered in $prototype-style-type-ordered {
+ @if $size != $-zf-zero-breakpoint {
+ ol.#{$size}-list-#{$style-type-ordered} {
+ @include style-type-ordered($style-type-ordered);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+@mixin foundation-prototype-list-style-type {
+ @include list-unordered;
+ @include list-ordered;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_overflow.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_overflow.scss
new file mode 100644
index 0000000..8ac43d5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_overflow.scss
@@ -0,0 +1,72 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-overflow
+////
+
+/// Responsive breakpoints for overflow helper classes
+/// @type Boolean
+$prototype-overflow-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `overflow` classes
+/// @type Map
+$prototype-overflow: (
+ visible,
+ hidden,
+ scroll
+) !default;
+
+/// Overflow classes, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes
+@mixin overflow($overflow) {
+ overflow: $overflow !important;
+}
+
+/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes (horizontal axis)
+@mixin overflow-x($overflow) {
+ overflow-x: $overflow !important;
+}
+
+/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes (vertical axis)
+@mixin overflow-y($overflow) {
+ overflow-y: $overflow !important;
+}
+
+@mixin foundation-prototype-overflow {
+ @each $overflow in $prototype-overflow {
+ .overflow-#{$overflow} {
+ @include overflow($overflow);
+ }
+ .overflow-x-#{$overflow} {
+ @include overflow-x($overflow);
+ }
+ .overflow-y-#{$overflow} {
+ @include overflow-y($overflow);
+ }
+ }
+
+ @if ($prototype-overflow-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $overflow in $prototype-overflow {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-overflow-#{$overflow} {
+ @include overflow($overflow);
+ }
+ .#{$size}-overflow-x-#{$overflow} {
+ @include overflow-x($overflow);
+ }
+ .#{$size}-overflow-y-#{$overflow} {
+ @include overflow-y($overflow);
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_position.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_position.scss
new file mode 100644
index 0000000..db01507
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_position.scss
@@ -0,0 +1,114 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-position
+////
+
+/// Responsive breakpoints for position helpers
+/// @type Boolean
+$prototype-position-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `position` classes
+/// @type Map
+$prototype-position: (
+ static,
+ relative,
+ absolute,
+ fixed
+) !default;
+
+/// z-index for fixed positioning
+/// @type Number
+$prototype-position-z-index: 975 !default;
+
+/// Position classes, by default coming through a map `$prototype-position`, whereas all the offset values are multiplied by `$global-position` which by default is equal to `1rem`.
+/// @param {String} $position [] Position classes, Either `static`, `relative`, `absolute` or `fixed`
+/// @param {Number} $top [null] - Top offset
+/// @param {Number} $right [null] - Right offset
+/// @param {Number} $bottom [null] - Bottom offset
+/// @param {Number} $left [null] - Left offset
+@mixin position(
+ $position,
+ $top: null,
+ $right: null,
+ $bottom: null,
+ $left: null
+) {
+ position: $position !important;
+ @if $top != null {
+ top: $top * $global-position !important;
+ }
+ @if $right != null {
+ right: $right * $global-position !important;
+ }
+ @if $bottom != null {
+ bottom: $bottom * $global-position !important;
+ }
+ @if $left != null {
+ left: $left * $global-position !important;
+ }
+}
+
+/// Position Fixed on top corners
+/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-top`
+@mixin position-fixed-top(
+ $z-index: $prototype-position-z-index
+) {
+ @include position(fixed, 0, 0, null, 0);
+ z-index: $z-index;
+}
+
+/// Position Fixed on bottom corners
+/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-bottom`
+@mixin position-fixed-bottom(
+ $z-index: $prototype-position-z-index
+) {
+ @include position(fixed, null, 0, 0, 0);
+ z-index: $z-index;
+}
+
+@mixin foundation-prototype-position {
+ // Position: Static, Relative, Fixed, Absolute
+ @each $position in $prototype-position {
+ .position-#{$position} {
+ @include position($position);
+ }
+ }
+
+ // Position: Fixed Top, Fixed Bottom
+ .position-fixed-top {
+ @include position-fixed-top;
+ }
+ .position-fixed-bottom {
+ @include position-fixed-bottom;
+ }
+
+ @if ($prototype-position-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ // Position: Static, Relative, Fixed, Absolute
+ @each $position in $prototype-position {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-position-#{$position} {
+ @include position($position);
+ }
+ }
+ }
+
+ // Position: Fixed Top, Fixed Bottom
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-position-fixed-top {
+ @include position-fixed-top;
+ }
+
+ .#{$size}-position-fixed-bottom {
+ @include position-fixed-bottom;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_prototype.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_prototype.scss
new file mode 100644
index 0000000..c0189db
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_prototype.scss
@@ -0,0 +1,87 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype
+////
+
+// Relational Mixins
+@import 'relation';
+
+// Box Mixin
+@import 'box';
+
+// Rotate Mixin
+@import 'rotate';
+
+// Text utilities
+@import 'text-utilities';
+
+// Text transformation classes
+@import 'text-transformation';
+
+// Text Decoration classes
+@import 'text-decoration';
+
+// Font Styling
+@import 'font-styling';
+
+// List Style type
+@import 'list-style-type';
+
+// Rounded Utility
+@import 'rounded';
+
+// Bordered Utility
+@import 'bordered';
+
+// Shadow Utility
+@import 'shadow';
+
+// Arrow Utility
+@import 'arrow';
+
+// Separator Utility
+@import 'separator';
+
+// Overflow helper classes
+@import 'overflow';
+
+// Display classes
+@import 'display';
+
+// Position Helpers
+@import 'position';
+
+// Border box
+@import 'border-box';
+
+// Border none Utilty
+@import 'border-none';
+
+// Sizing Utilities
+@import 'sizing';
+
+// Spacing Utilities
+@import 'spacing';
+
+@mixin foundation-prototype-classes {
+ @include foundation-prototype-text-utilities;
+ @include foundation-prototype-text-transformation;
+ @include foundation-prototype-text-decoration;
+ @include foundation-prototype-font-styling;
+ @include foundation-prototype-list-style-type;
+ @include foundation-prototype-rounded;
+ @include foundation-prototype-bordered;
+ @include foundation-prototype-shadow;
+ @include foundation-prototype-arrow;
+ @include foundation-prototype-separator;
+ @include foundation-prototype-overflow;
+ @include foundation-prototype-display;
+ @include foundation-prototype-position;
+ @include foundation-prototype-border-box;
+ @include foundation-prototype-border-none;
+ @include foundation-prototype-sizing;
+ @include foundation-prototype-spacing;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_relation.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_relation.scss
new file mode 100644
index 0000000..dad7a45
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_relation.scss
@@ -0,0 +1,157 @@
+/// Select all children from the first to `$num`.
+/// @param {Number} $num[] First `n` numbers of total children
+@mixin first($num) {
+ @if $num == 1 {
+ &:first-child {
+ @content;
+ }
+ } @else {
+ &:nth-child(-n + #{$num}) {
+ @content;
+ }
+ }
+}
+
+/// Select the first exact child
+@mixin first-child {
+ &:first-of-type {
+ @content;
+ }
+}
+
+/// Select all children from the last to `$num`.
+/// @param {Number} $num[] Last `n` numbers of total children
+@mixin last($num) {
+ &:nth-last-child(-n + #{$num}) {
+ @content;
+ }
+}
+
+/// Select the last exact child
+@mixin last-child {
+ &:last-of-type {
+ @content;
+ }
+}
+
+/// Select children every `$num`.
+/// @param {Number} $num[] Every `n` number of all children
+@mixin every($num) {
+ &:nth-child(#{$num}n) {
+ @content;
+ }
+}
+
+/// Select only the first and last child.
+@mixin first-last {
+ &:first-child,
+ &:last-child {
+ @content;
+ }
+}
+
+/// Select all children after the first to `$num`.
+/// @param {Number} $num[] After First `n` numbers of total children
+@mixin after-first($num) {
+ &:nth-child(n + #{$num + 1}) {
+ @content;
+ }
+}
+
+/// Select all children before `$num` from the last.
+/// @param {Number} $num[] From Last `n` numbers of total children
+@mixin from-last($num) {
+ &:nth-last-child(#{$num}) {
+ @content;
+ }
+}
+
+/// Select the `$num` child from the first and the `$num` child from the last.
+/// @param {Number} $num[] `n` number called from first and last
+@mixin from-first-last($num) {
+ &:nth-child(#{$num}),
+ &:nth-last-child(#{$num}) {
+ @content;
+ }
+}
+
+/// Select all children but `$num`.
+/// @param {Number} $num[] `n` number that should be excluded from all other children
+@mixin all-but($num) {
+ &:not(:nth-child(#{$num})) {
+ @content;
+ }
+}
+
+/// Select all children between the `$num` first and the `$num` last.
+/// @param {Number} $num[] `n` number excluded from first and last from all other children
+@mixin all-but-first-last($num) {
+ &:nth-child(n + #{$num}):nth-last-child(n + #{$num}) {
+ @content;
+ }
+}
+
+/// Will only select the child if it?s unique. That means that if there are at least 2 children, the style will not be applied.
+@mixin unique {
+ &:only-child {
+ @content;
+ }
+}
+
+/// Will only select children if they are not unique. That means that if there are at least 2 children, the style will be applied.
+@mixin not-unique() {
+ &:not(:only-child) {
+ @content;
+ }
+}
+
+/// Select all children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin between($first, $last) {
+ &:nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+ @content;
+ }
+}
+
+/// Select all even children.
+@mixin even {
+ &:nth-child(even) {
+ @content;
+ }
+}
+
+/// Select all even children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin even-between($first, $last) {
+ &:nth-child(even):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+ @content;
+ }
+}
+
+/// Select all odd children.
+@mixin odd {
+ &:nth-child(odd) {
+ @content;
+ }
+}
+
+/// Select all odd children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin odd-between($first, $last) {
+ &:nth-child(odd):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+ @content;
+ }
+}
+
+/// Select all `$num` children between `$first` and `$last`.
+/// @param {Number} $num[] Every `n` number between `$first` and `$last`.
+/// @param {Number} $first[] First `n` number
+/// @param {Number} $last[] Last `n` number
+@mixin number-between($num, $first, $last) {
+ &:nth-child(#{$num}n):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+ @content;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rotate.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rotate.scss
new file mode 100644
index 0000000..8231db8
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rotate.scss
@@ -0,0 +1,31 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-rotate
+////
+
+/// Rotate Mixin: Rotate an element to a certain deg
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotate($deg) {
+ transform:rotate($deg + deg);
+}
+
+/// RotateX Mixin: Rotate an element to a certain deg on X-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateX($deg) {
+ transform:rotateX($deg + deg);
+}
+
+/// RotateY Mixin: Rotate an element to a certain deg on Y-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateY($deg) {
+ transform:rotateY($deg + deg);
+}
+
+/// RotateZ Mixin: Rotate an element to a certain deg on Z-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateZ($deg) {
+ transform:rotateZ($deg + deg);
+}
\ No newline at end of file
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rounded.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rounded.scss
new file mode 100644
index 0000000..7e37211
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_rounded.scss
@@ -0,0 +1,54 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-rounded
+////
+
+/// Responsive breakpoints for rounded utility.
+/// @type Boolean
+$prototype-rounded-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-border-radius`
+/// @type Number
+$prototype-border-radius: rem-calc(3) !default;
+
+/// Rounded utility (all corners): Adds radius corners (all corners) to an element by default.
+/// @param {Number} $radius [$prototype-border-radius] Border radius (all corners)
+@mixin border-radius(
+ $radius: $prototype-border-radius
+) {
+ border-radius: $radius;
+}
+
+/// Rounded square utility or rectangle utility (all corners): Rounds all corners to an element by default to make a pill shape.
+@mixin border-rounded {
+ border-radius: 5000px !important;
+}
+
+@mixin foundation-prototype-rounded {
+ .rounded {
+ @include border-rounded;
+ }
+
+ .radius {
+ @include border-radius;
+ }
+
+ @if ($prototype-rounded-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-rounded {
+ @include border-rounded;
+ }
+ .#{$size}-radius {
+ @include border-radius;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_separator.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_separator.scss
new file mode 100644
index 0000000..9baf121
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_separator.scss
@@ -0,0 +1,96 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-separator
+////
+
+/// Responsive breakpoints for separator.
+/// @type Boolean
+$prototype-separator-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default alignment of a separator.
+/// @type String
+$prototype-separator-align: center !default;
+
+/// Height of a separator.
+/// @type Number
+$prototype-separator-height: rem-calc(2) !default;
+
+/// Width of a separator.
+/// @type Number
+$prototype-separator-width: 3rem !default;
+
+/// Default color of a separator.
+/// @type Color
+$prototype-separator-background: $primary-color !default;
+
+/// Top Margin of a separator.
+/// @type Number
+$prototype-separator-margin-top: $global-margin !default;
+
+/// Title separator Utility, mostly used to style the main heading of a section
+/// @param {String} $align [$prototype-separator-align] - separator Alignment
+/// @param {Number} $height [$prototype-separator-height] - Width
+/// @param {Number} $width [$prototype-separator-width] - Height
+/// @param {Color} $background [$prototype-separator-background] - Background
+/// @param {Number} $top [$prototype-separator-margin-top] - Margin Top
+@mixin separator (
+ $align: $prototype-separator-align,
+ $height: $prototype-separator-height,
+ $width: $prototype-separator-width,
+ $background: $prototype-separator-background,
+ $top: $prototype-separator-margin-top
+) {
+ text-align: $align !important;
+ @include clearfix;
+
+ &::after {
+ @include position(relative);
+ width: $width;
+ border-bottom: $height solid $background;
+ margin: $top auto 0;
+
+ @if $align == left {
+ margin-left: 0 !important;
+ }
+
+ @if $align == right {
+ margin-right: 0 !important;
+ }
+ }
+}
+
+@mixin foundation-prototype-separator {
+ .separator-center {
+ @include separator(center);
+ }
+
+ .separator-left {
+ @include separator(left);
+ }
+
+ .separator-right {
+ @include separator(right);
+ }
+
+ @if ($prototype-separator-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-separator-center {
+ @include separator(center);
+ }
+ .#{$size}-separator-left {
+ @include separator(left);
+ }
+ .#{$size}-separator-right {
+ @include separator(right);
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_shadow.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_shadow.scss
new file mode 100644
index 0000000..abb44a5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_shadow.scss
@@ -0,0 +1,43 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-shadow
+////
+
+/// Responsive breakpoints for shadow utility.
+/// @type Boolean
+$prototype-shadow-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-box-shadow`
+/// @type Number
+$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
+ 0 2px 10px 0 rgba(0,0,0,.12) !default;
+
+/// Shadow Utility: Adds a light box shadow to an element by default.
+/// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component
+@mixin shadow(
+ $shadow: $prototype-box-shadow
+) {
+ box-shadow: $shadow;
+}
+
+@mixin foundation-prototype-shadow {
+ .shadow {
+ @include shadow;
+ }
+
+ @if ($prototype-shadow-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-shadow {
+ @include shadow;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_sizing.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_sizing.scss
new file mode 100644
index 0000000..9b48d48
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_sizing.scss
@@ -0,0 +1,73 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-sizing
+////
+
+/// Responsive breakpoints for spacing classes (margin and padding)
+/// @type Boolean
+$prototype-sizing-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `sizing` classes
+/// @type Map
+$prototype-sizing: (
+ width,
+ height
+) !default;
+
+/// Map containing all the sizes.
+/// @type Map
+$prototype-sizes: (
+ 25: 25%,
+ 50: 50%,
+ 75: 75%,
+ 100: 100%
+) !default;
+
+/// Max Width 100 utility.
+@mixin max-width-100 {
+ max-width: 100% !important;
+}
+
+/// Max Height 100 utility.
+@mixin max-height-100 {
+ max-height: 100% !important;
+}
+
+@mixin foundation-prototype-sizing {
+ // Element Sizing
+ @each $sizing in $prototype-sizing {
+ @each $length, $percentage in $prototype-sizes {
+ .#{$sizing}-#{$length} {
+ #{$sizing}: $percentage !important;
+ }
+ }
+ }
+
+ // Max width & height
+ .max-width-100 {
+ @include max-width-100;
+ }
+ .max-height-100 {
+ @include max-height-100;
+ }
+
+ @if ($prototype-sizing-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ @each $sizing in $prototype-sizing {
+ @each $length, $percentage in $prototype-sizes {
+ .#{$size}-#{$sizing}-#{$length} {
+ #{$sizing}: $percentage !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_spacing.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_spacing.scss
new file mode 100644
index 0000000..19108d3
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_spacing.scss
@@ -0,0 +1,204 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-spacing
+////
+
+/// Responsive breakpoints for spacing classes (margin and padding)
+/// @type Boolean
+$prototype-spacing-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default number of spacers count (margin and padding)
+/// @type Number
+$prototype-spacers-count: 3 !default;
+
+/// Margin helper mixin, all the values are multiplied by `$global-margin` which by default is equal to `1rem`
+/// @param {Number} $top [null] - Margin Top
+/// @param {Number} $right [null] - Margin Right
+/// @param {Number} $bottom [null] - Margin Bottom
+/// @param {Number} $left [null] - Margin Left
+@mixin margin(
+ $top: null,
+ $right: null,
+ $bottom: null,
+ $left: null
+) {
+ @if $top != null {
+ margin-top: $top * $global-margin !important;
+ }
+ @if $right != null {
+ margin-right: $right * $global-margin !important;
+ }
+ @if $bottom != null {
+ margin-bottom: $bottom * $global-margin !important;
+ }
+ @if $left != null {
+ margin-left: $left * $global-margin !important;
+ }
+}
+
+/// Padding helper mixin, all the values are multiplied by `$global-padding` which by default is equal to `1rem`
+/// @param {Number} $top [null] - Padding Top
+/// @param {Number} $right [null] - Padding Right
+/// @param {Number} $bottom [null] - Padding Bottom
+/// @param {Number} $left [null] - Padding Left
+@mixin padding(
+ $top: null,
+ $right: null,
+ $bottom: null,
+ $left: null
+) {
+ @if $top != null {
+ padding-top: $top * $global-padding !important;
+ }
+ @if $right != null {
+ padding-right: $right * $global-padding !important;
+ }
+ @if $bottom != null {
+ padding-bottom: $bottom * $global-padding !important;
+ }
+ @if $left != null {
+ padding-left: $left * $global-padding !important;
+ }
+}
+
+@mixin foundation-prototype-spacing {
+ @for $spacer from 0 through $prototype-spacers-count {
+ // All Sides
+ .margin-#{$spacer} {
+ @include margin($spacer, $spacer, $spacer, $spacer);
+ }
+
+ .padding-#{$spacer} {
+ @include padding($spacer, $spacer, $spacer, $spacer);
+ }
+
+ // Top Side
+ .margin-top-#{$spacer} {
+ @include margin($spacer, null, null, null);
+ }
+
+ .padding-top-#{$spacer} {
+ @include padding($spacer, null, null, null);
+ }
+
+ // Right Side
+ .margin-right-#{$spacer} {
+ @include margin(null, $spacer, null, null);
+ }
+
+ .padding-right-#{$spacer} {
+ @include padding(null, $spacer, null, null);
+ }
+
+ // Bottom Side
+ .margin-bottom-#{$spacer} {
+ @include margin(null, null, $spacer, null);
+ }
+
+ .padding-bottom-#{$spacer} {
+ @include padding(null, null, $spacer, null);
+ }
+
+ // Left Side
+ .margin-left-#{$spacer} {
+ @include margin(null, null, null, $spacer);
+ }
+
+ .padding-left-#{$spacer} {
+ @include padding(null, null, null, $spacer);
+ }
+
+ // Horizontal Axes
+ .margin-horizontal-#{$spacer} {
+ @include margin(null, $spacer, null, $spacer);
+ }
+
+ .padding-horizontal-#{$spacer} {
+ @include padding(null, $spacer, null, $spacer);
+ }
+
+ // Vertical Axes
+ .margin-vertical-#{$spacer} {
+ @include margin($spacer, null, $spacer, null)
+ }
+
+ .padding-vertical-#{$spacer} {
+ @include padding($spacer, null, $spacer, null)
+ }
+
+ @if ($prototype-spacing-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ // All Sides
+ .#{$size}-margin-#{$spacer} {
+ @include margin($spacer, $spacer, $spacer, $spacer);
+ }
+
+ .#{$size}-padding-#{$spacer} {
+ @include padding($spacer, $spacer, $spacer, $spacer);
+ }
+
+ // Top Side
+ .#{$size}-margin-top-#{$spacer} {
+ @include margin($spacer, null, null, null);
+ }
+
+ .#{$size}-padding-top-#{$spacer} {
+ @include padding($spacer, null, null, null);
+ }
+
+ // Right Side
+ .#{$size}-margin-right-#{$spacer} {
+ @include margin(null, $spacer, null, null);
+ }
+
+ .#{$size}-padding-right-#{$spacer} {
+ @include padding(null, $spacer, null, null);
+ }
+
+ // Bottom Side
+ .#{$size}-margin-bottom-#{$spacer} {
+ @include margin(null, null, $spacer, null);
+ }
+
+ .#{$size}-padding-bottom-#{$spacer} {
+ @include padding(null, null, $spacer, null);
+ }
+
+ // Left Side
+ .#{$size}-margin-left-#{$spacer} {
+ @include margin(null, null, null, $spacer);
+ }
+
+ .#{$size}-padding-left-#{$spacer} {
+ @include padding(null, null, null, $spacer);
+ }
+
+ // Horizontal Axes
+ .#{$size}-margin-horizontal-#{$spacer} {
+ @include margin(null, $spacer, null, $spacer);
+ }
+
+ .#{$size}-padding-horizontal-#{$spacer} {
+ @include padding(null, $spacer, null, $spacer);
+ }
+
+ // Vertical Axes
+ .#{$size}-margin-vertical-#{$spacer} {
+ @include margin($spacer, null, $spacer, null)
+ }
+
+ .#{$size}-padding-vertical-#{$spacer} {
+ @include padding($spacer, null, $spacer, null)
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-decoration.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-decoration.scss
new file mode 100644
index 0000000..8f3c913
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-decoration.scss
@@ -0,0 +1,48 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-decoration
+////
+
+/// Responsive breakpoints for text decoration classes
+/// @type Boolean
+$prototype-decoration-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `text-decoration` classes
+/// @type Map
+$prototype-text-decoration: (
+ overline,
+ underline,
+ line-through,
+) !default;
+
+/// Text Decoration, by default coming through a map `$prototype-text-decoration`
+/// @param {String} $decoration [] Text Decoration
+@mixin text-decoration($decoration) {
+ text-decoration: $decoration !important;
+}
+
+@mixin foundation-prototype-text-decoration {
+ @each $decoration in $prototype-text-decoration {
+ .text-#{$decoration} {
+ @include text-decoration($decoration);
+ }
+ }
+
+ @if ($prototype-decoration-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $decoration in $prototype-text-decoration {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-text-#{$decoration} {
+ @include text-decoration($decoration);
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-transformation.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-transformation.scss
new file mode 100644
index 0000000..ca9c2e4
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-transformation.scss
@@ -0,0 +1,48 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-transformation
+////
+
+/// Responsive breakpoints for text transformation classes
+/// @type Boolean
+$prototype-transformation-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `text-transformation` classes
+/// @type Map
+$prototype-text-transformation: (
+ lowercase,
+ uppercase,
+ capitalize
+) !default;
+
+/// Text Transformation, by default coming through a map `$prototype-text-transformation`
+/// @param {String} $transformation [] Text Transformation
+@mixin text-transform($transformation) {
+ text-transform: $transformation !important;
+}
+
+@mixin foundation-prototype-text-transformation {
+ @each $transformation in $prototype-text-transformation {
+ .text-#{$transformation} {
+ @include text-transform($transformation);
+ }
+ }
+
+ @if ($prototype-transformation-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $transformation in $prototype-text-transformation {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-text-#{$transformation} {
+ @include text-transform($transformation);
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-utilities.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-utilities.scss
new file mode 100644
index 0000000..8c327a2
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/prototype/_text-utilities.scss
@@ -0,0 +1,88 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-utilities
+////
+
+/// Responsive breakpoints for text utilities
+/// @type Boolean
+$prototype-utilities-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default Value for `text-overflow` variable
+/// @type String
+$prototype-text-overflow: ellipsis !default;
+
+/// Image Replacement utility. `text-hide`
+@mixin text-hide {
+ font: 0/0 a !important;
+ color: transparent !important;
+ text-shadow: none !important;
+ background-color: transparent !important;
+ border: 0 !important;
+}
+
+/// Truncating the text, elipsis by default.
+/// @param {String} $overflow [$prototype-text-overflow] Text Truncate
+@mixin text-truncate(
+ $overflow: $prototype-text-overflow
+) {
+ max-width: 100% !important;
+ overflow: hidden !important;
+ text-overflow: $overflow;
+ white-space: nowrap !important;
+}
+
+/// No wrapping of the text. `text-nowrap`
+@mixin text-nowrap {
+ white-space: nowrap !important;
+}
+
+/// Wrapping of the text. `text-wrap`
+@mixin text-wrap {
+ word-wrap: break-word !important;
+}
+
+@mixin foundation-prototype-text-utilities {
+ .text-hide {
+ @include text-hide;
+ }
+
+ .text-truncate {
+ @include text-truncate;
+ }
+
+ .text-nowrap {
+ @include text-nowrap;
+ }
+
+ .text-wrap {
+ @include text-wrap;
+ }
+
+ @if ($prototype-utilities-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-text-hide {
+ @include text-hide;
+ }
+
+ .#{$size}-text-truncate {
+ @include text-truncate;
+ }
+
+ .#{$size}-text-nowrap {
+ @include text-nowrap;
+ }
+
+ .#{$size}-text-wrap {
+ @include text-wrap;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/settings/_settings.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/settings/_settings.scss
new file mode 100644
index 0000000..26f74f9
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/settings/_settings.scss
@@ -0,0 +1,869 @@
+// Foundation for Sites Settings
+// -----------------------------
+//
+// Table of Contents:
+//
+// 1. Global
+// 2. Breakpoints
+// 3. The Grid
+// 4. Base Typography
+// 5. Typography Helpers
+// 6. Abide
+// 7. Accordion
+// 8. Accordion Menu
+// 9. Badge
+// 10. Breadcrumbs
+// 11. Button
+// 12. Button Group
+// 13. Callout
+// 14. Card
+// 15. Close Button
+// 16. Drilldown
+// 17. Dropdown
+// 18. Dropdown Menu
+// 19. Flexbox Utilities
+// 20. Forms
+// 21. Label
+// 22. Media Object
+// 23. Menu
+// 24. Meter
+// 25. Off-canvas
+// 26. Orbit
+// 27. Pagination
+// 28. Progress Bar
+// 29. Prototype Arrow
+// 30. Prototype Border-Box
+// 31. Prototype Border-None
+// 32. Prototype Bordered
+// 33. Prototype Display
+// 34. Prototype Font-Styling
+// 35. Prototype List-Style-Type
+// 36. Prototype Overflow
+// 37. Prototype Position
+// 38. Prototype Rounded
+// 39. Prototype Separator
+// 40. Prototype Shadow
+// 41. Prototype Sizing
+// 42. Prototype Spacing
+// 43. Prototype Text-Decoration
+// 44. Prototype Text-Transformation
+// 45. Prototype Text-Utilities
+// 46. Responsive Embed
+// 47. Reveal
+// 48. Slider
+// 49. Switch
+// 50. Table
+// 51. Tabs
+// 52. Thumbnail
+// 53. Title Bar
+// 54. Tooltip
+// 55. Top Bar
+// 56. Xy Grid
+
+@import 'util/util';
+
+// 1. Global
+// ---------
+
+$global-font-size: 100%;
+$global-width: rem-calc(1200);
+$global-lineheight: 1.5;
+$foundation-palette: (
+ primary: #1779ba,
+ secondary: #767676,
+ success: #3adb76,
+ warning: #ffae00,
+ alert: #cc4b37,
+);
+$light-gray: #e6e6e6;
+$medium-gray: #cacaca;
+$dark-gray: #8a8a8a;
+$black: #0a0a0a;
+$white: #fefefe;
+$body-background: $white;
+$body-font-color: $black;
+$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
+$body-antialiased: true;
+$global-margin: 1rem;
+$global-padding: 1rem;
+$global-position: 1rem;
+$global-weight-normal: normal;
+$global-weight-bold: bold;
+$global-radius: 0;
+$global-menu-padding: 0.7rem 1rem;
+$global-menu-nested-margin: 1rem;
+$global-text-direction: ltr;
+$global-flexbox: true;
+$global-prototype-breakpoints: false;
+$global-button-cursor: auto;
+$global-color-pick-contrast-tolerance: 0;
+$print-transparent-backgrounds: true;
+
+@include add-foundation-colors;
+
+// 2. Breakpoints
+// --------------
+
+$breakpoints: (
+ small: 0,
+ medium: 640px,
+ large: 1024px,
+ xlarge: 1200px,
+ xxlarge: 1440px,
+);
+$print-breakpoint: large;
+$breakpoint-classes: (small medium large);
+
+// 3. The Grid
+// -----------
+
+$grid-row-width: $global-width;
+$grid-column-count: 12;
+$grid-column-gutter: (
+ small: 20px,
+ medium: 30px,
+);
+$grid-column-align-edge: true;
+$grid-column-alias: 'columns';
+$block-grid-max: 8;
+
+// 4. Base Typography
+// ------------------
+
+$header-font-family: $body-font-family;
+$header-font-weight: $global-weight-normal;
+$header-font-style: normal;
+$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
+$header-color: inherit;
+$header-lineheight: 1.4;
+$header-margin-bottom: 0.5rem;
+$header-styles: (
+ small: (
+ 'h1': ('font-size': 24),
+ 'h2': ('font-size': 20),
+ 'h3': ('font-size': 19),
+ 'h4': ('font-size': 18),
+ 'h5': ('font-size': 17),
+ 'h6': ('font-size': 16),
+ ),
+ medium: (
+ 'h1': ('font-size': 48),
+ 'h2': ('font-size': 40),
+ 'h3': ('font-size': 31),
+ 'h4': ('font-size': 25),
+ 'h5': ('font-size': 20),
+ 'h6': ('font-size': 16),
+ ),
+);
+$header-text-rendering: optimizeLegibility;
+$small-font-size: 80%;
+$header-small-font-color: $medium-gray;
+$paragraph-lineheight: 1.6;
+$paragraph-margin-bottom: 1rem;
+$paragraph-text-rendering: optimizeLegibility;
+$code-color: $black;
+$code-font-family: $font-family-monospace;
+$code-font-weight: $global-weight-normal;
+$code-background: $light-gray;
+$code-border: 1px solid $medium-gray;
+$code-padding: rem-calc(2 5 1);
+$anchor-color: $primary-color;
+$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
+$anchor-text-decoration: none;
+$anchor-text-decoration-hover: none;
+$hr-width: $global-width;
+$hr-border: 1px solid $medium-gray;
+$hr-margin: rem-calc(20) auto;
+$list-lineheight: $paragraph-lineheight;
+$list-margin-bottom: $paragraph-margin-bottom;
+$list-style-type: disc;
+$list-style-position: outside;
+$list-side-margin: 1.25rem;
+$list-nested-side-margin: 1.25rem;
+$defnlist-margin-bottom: 1rem;
+$defnlist-term-weight: $global-weight-bold;
+$defnlist-term-margin-bottom: 0.3rem;
+$blockquote-color: $dark-gray;
+$blockquote-padding: rem-calc(9 20 0 19);
+$blockquote-border: 1px solid $medium-gray;
+$cite-font-size: rem-calc(13);
+$cite-color: $dark-gray;
+$cite-pseudo-content: '\2014 \0020';
+$keystroke-font: $font-family-monospace;
+$keystroke-color: $black;
+$keystroke-background: $light-gray;
+$keystroke-padding: rem-calc(2 4 0);
+$keystroke-radius: $global-radius;
+$abbr-underline: 1px dotted $black;
+
+// 5. Typography Helpers
+// ---------------------
+
+$lead-font-size: $global-font-size * 1.25;
+$lead-lineheight: 1.6;
+$subheader-lineheight: 1.4;
+$subheader-color: $dark-gray;
+$subheader-font-weight: $global-weight-normal;
+$subheader-margin-top: 0.2rem;
+$subheader-margin-bottom: 0.5rem;
+$stat-font-size: 2.5rem;
+
+// 6. Abide
+// --------
+
+$abide-inputs: true;
+$abide-labels: true;
+$input-background-invalid: get-color(alert);
+$form-label-color-invalid: get-color(alert);
+$input-error-color: get-color(alert);
+$input-error-font-size: rem-calc(12);
+$input-error-font-weight: $global-weight-bold;
+
+// 7. Accordion
+// ------------
+
+$accordion-background: $white;
+$accordion-plusminus: true;
+$accordion-title-font-size: rem-calc(12);
+$accordion-item-color: $primary-color;
+$accordion-item-background-hover: $light-gray;
+$accordion-item-padding: 1.25rem 1rem;
+$accordion-content-background: $white;
+$accordion-content-border: 1px solid $light-gray;
+$accordion-content-color: $body-font-color;
+$accordion-content-padding: 1rem;
+
+// 8. Accordion Menu
+// -----------------
+
+$accordionmenu-padding: $global-menu-padding;
+$accordionmenu-nested-margin: $global-menu-nested-margin;
+$accordionmenu-submenu-padding: $accordionmenu-padding;
+$accordionmenu-arrows: true;
+$accordionmenu-arrow-color: $primary-color;
+$accordionmenu-item-background: null;
+$accordionmenu-border: null;
+$accordionmenu-submenu-toggle-background: null;
+$accordion-submenu-toggle-border: $accordionmenu-border;
+$accordionmenu-submenu-toggle-width: 40px;
+$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;
+$accordionmenu-arrow-size: 6px;
+
+// 9. Badge
+// --------
+
+$badge-background: $primary-color;
+$badge-color: $white;
+$badge-color-alt: $black;
+$badge-palette: $foundation-palette;
+$badge-padding: 0.3em;
+$badge-minwidth: 2.1em;
+$badge-font-size: 0.6rem;
+
+// 10. Breadcrumbs
+// ---------------
+
+$breadcrumbs-margin: 0 0 $global-margin 0;
+$breadcrumbs-item-font-size: rem-calc(11);
+$breadcrumbs-item-color: $primary-color;
+$breadcrumbs-item-color-current: $black;
+$breadcrumbs-item-color-disabled: $medium-gray;
+$breadcrumbs-item-margin: 0.75rem;
+$breadcrumbs-item-uppercase: true;
+$breadcrumbs-item-separator: true;
+$breadcrumbs-item-separator-item: '/';
+$breadcrumbs-item-separator-item-rtl: '\\';
+$breadcrumbs-item-separator-color: $medium-gray;
+
+// 11. Button
+// ----------
+
+$button-font-family: inherit;
+$button-padding: 0.85em 1em;
+$button-margin: 0 0 $global-margin 0;
+$button-fill: solid;
+$button-background: $primary-color;
+$button-background-hover: scale-color($button-background, $lightness: -15%);
+$button-color: $white;
+$button-color-alt: $black;
+$button-radius: $global-radius;
+$button-hollow-border-width: 1px;
+$button-sizes: (
+ tiny: 0.6rem,
+ small: 0.75rem,
+ default: 0.9rem,
+ large: 1.25rem,
+);
+$button-palette: $foundation-palette;
+$button-opacity-disabled: 0.25;
+$button-background-hover-lightness: -20%;
+$button-hollow-hover-lightness: -50%;
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;
+
+// 12. Button Group
+// ----------------
+
+$buttongroup-margin: 1rem;
+$buttongroup-spacing: 1px;
+$buttongroup-child-selector: '.button';
+$buttongroup-expand-max: 6;
+$buttongroup-radius-on-each: true;
+
+// 13. Callout
+// -----------
+
+$callout-background: $white;
+$callout-background-fade: 85%;
+$callout-border: 1px solid rgba($black, 0.25);
+$callout-margin: 0 0 1rem 0;
+$callout-padding: 1rem;
+$callout-font-color: $body-font-color;
+$callout-font-color-alt: $body-background;
+$callout-radius: $global-radius;
+$callout-link-tint: 30%;
+
+// 14. Card
+// --------
+
+$card-background: $white;
+$card-font-color: $body-font-color;
+$card-divider-background: $light-gray;
+$card-border: 1px solid $light-gray;
+$card-shadow: none;
+$card-border-radius: $global-radius;
+$card-padding: $global-padding;
+$card-margin-bottom: $global-margin;
+
+// 15. Close Button
+// ----------------
+
+$closebutton-position: right top;
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+);
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+);
+$closebutton-size: (
+ small: 1.5em,
+ medium: 2em,
+);
+$closebutton-lineheight: 1;
+$closebutton-color: $dark-gray;
+$closebutton-color-hover: $black;
+
+// 16. Drilldown
+// -------------
+
+$drilldown-transition: transform 0.15s linear;
+$drilldown-arrows: true;
+$drilldown-padding: $global-menu-padding;
+$drilldown-nested-margin: 0;
+$drilldown-background: $white;
+$drilldown-submenu-padding: $drilldown-padding;
+$drilldown-submenu-background: $white;
+$drilldown-arrow-color: $primary-color;
+$drilldown-arrow-size: 6px;
+
+// 17. Dropdown
+// ------------
+
+$dropdown-padding: 1rem;
+$dropdown-background: $body-background;
+$dropdown-border: 1px solid $medium-gray;
+$dropdown-font-size: 1rem;
+$dropdown-width: 300px;
+$dropdown-radius: $global-radius;
+$dropdown-sizes: (
+ tiny: 100px,
+ small: 200px,
+ large: 400px,
+);
+
+// 18. Dropdown Menu
+// -----------------
+
+$dropdownmenu-arrows: true;
+$dropdownmenu-arrow-color: $anchor-color;
+$dropdownmenu-arrow-size: 6px;
+$dropdownmenu-arrow-padding: 1.5rem;
+$dropdownmenu-min-width: 200px;
+$dropdownmenu-background: $white;
+$dropdownmenu-submenu-background: $dropdownmenu-background;
+$dropdownmenu-padding: $global-menu-padding;
+$dropdownmenu-nested-margin: 0;
+$dropdownmenu-submenu-padding: $dropdownmenu-padding;
+$dropdownmenu-border: 1px solid $medium-gray;
+$dropdown-menu-item-color-active: get-color(primary);
+$dropdown-menu-item-background-active: transparent;
+
+// 19. Flexbox Utilities
+// ---------------------
+
+$flex-source-ordering-count: 6;
+$flexbox-responsive-breakpoints: true;
+
+// 20. Forms
+// ---------
+
+$fieldset-border: 1px solid $medium-gray;
+$fieldset-padding: rem-calc(20);
+$fieldset-margin: rem-calc(18 0);
+$legend-padding: rem-calc(0 3);
+$form-spacing: rem-calc(16);
+$helptext-color: $black;
+$helptext-font-size: rem-calc(13);
+$helptext-font-style: italic;
+$input-prefix-color: $black;
+$input-prefix-background: $light-gray;
+$input-prefix-border: 1px solid $medium-gray;
+$input-prefix-padding: 1rem;
+$form-label-color: $black;
+$form-label-font-size: rem-calc(14);
+$form-label-font-weight: $global-weight-normal;
+$form-label-line-height: 1.8;
+$select-background: $white;
+$select-triangle-color: $dark-gray;
+$select-radius: $global-radius;
+$input-color: $black;
+$input-placeholder-color: $medium-gray;
+$input-font-family: inherit;
+$input-font-size: rem-calc(16);
+$input-font-weight: $global-weight-normal;
+$input-line-height: $global-lineheight;
+$input-background: $white;
+$input-background-focus: $white;
+$input-background-disabled: $light-gray;
+$input-border: 1px solid $medium-gray;
+$input-border-focus: 1px solid $dark-gray;
+$input-padding: $form-spacing / 2;
+$input-shadow: inset 0 1px 2px rgba($black, 0.1);
+$input-shadow-focus: 0 0 5px $medium-gray;
+$input-cursor-disabled: not-allowed;
+$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+$input-number-spinners: true;
+$input-radius: $global-radius;
+$form-button-radius: $global-radius;
+
+// 21. Label
+// ---------
+
+$label-background: $primary-color;
+$label-color: $white;
+$label-color-alt: $black;
+$label-palette: $foundation-palette;
+$label-font-size: 0.8rem;
+$label-padding: 0.33333rem 0.5rem;
+$label-radius: $global-radius;
+
+// 22. Media Object
+// ----------------
+
+$mediaobject-margin-bottom: $global-margin;
+$mediaobject-section-padding: $global-padding;
+$mediaobject-image-width-stacked: 100%;
+
+// 23. Menu
+// --------
+
+$menu-margin: 0;
+$menu-nested-margin: $global-menu-nested-margin;
+$menu-items-padding: $global-menu-padding;
+$menu-simple-margin: 1rem;
+$menu-item-color-active: $white;
+$menu-item-background-active: get-color(primary);
+$menu-icon-spacing: 0.25rem;
+$menu-item-background-hover: $light-gray;
+$menu-state-back-compat: true;
+$menu-centered-back-compat: true;
+$menu-icons-back-compat: true;
+
+// 24. Meter
+// ---------
+
+$meter-height: 1rem;
+$meter-radius: $global-radius;
+$meter-background: $medium-gray;
+$meter-fill-good: $success-color;
+$meter-fill-medium: $warning-color;
+$meter-fill-bad: $alert-color;
+
+// 25. Off-canvas
+// --------------
+
+$offcanvas-sizes: (
+ small: 250px,
+);
+$offcanvas-vertical-sizes: (
+ small: 250px,
+);
+$offcanvas-background: $light-gray;
+$offcanvas-shadow: 0 0 10px rgba($black, 0.7);
+$offcanvas-inner-shadow-size: 20px;
+$offcanvas-inner-shadow-color: rgba($black, 0.25);
+$offcanvas-overlay-zindex: 11;
+$offcanvas-push-zindex: 12;
+$offcanvas-overlap-zindex: 13;
+$offcanvas-reveal-zindex: 12;
+$offcanvas-transition-length: 0.5s;
+$offcanvas-transition-timing: ease;
+$offcanvas-fixed-reveal: true;
+$offcanvas-exit-background: rgba($white, 0.25);
+$maincontent-class: 'off-canvas-content';
+
+// 26. Orbit
+// ---------
+
+$orbit-bullet-background: $medium-gray;
+$orbit-bullet-background-active: $dark-gray;
+$orbit-bullet-diameter: 1.2rem;
+$orbit-bullet-margin: 0.1rem;
+$orbit-bullet-margin-top: 0.8rem;
+$orbit-bullet-margin-bottom: 0.8rem;
+$orbit-caption-background: rgba($black, 0.5);
+$orbit-caption-padding: 1rem;
+$orbit-control-background-hover: rgba($black, 0.5);
+$orbit-control-padding: 1rem;
+$orbit-control-zindex: 10;
+
+// 27. Pagination
+// --------------
+
+$pagination-font-size: rem-calc(14);
+$pagination-margin-bottom: $global-margin;
+$pagination-item-color: $black;
+$pagination-item-padding: rem-calc(3 10);
+$pagination-item-spacing: rem-calc(1);
+$pagination-radius: $global-radius;
+$pagination-item-background-hover: $light-gray;
+$pagination-item-background-current: $primary-color;
+$pagination-item-color-current: $white;
+$pagination-item-color-disabled: $medium-gray;
+$pagination-ellipsis-color: $black;
+$pagination-mobile-items: false;
+$pagination-mobile-current-item: false;
+$pagination-arrows: true;
+
+// 28. Progress Bar
+// ----------------
+
+$progress-height: 1rem;
+$progress-background: $medium-gray;
+$progress-margin-bottom: $global-margin;
+$progress-meter-background: $primary-color;
+$progress-radius: $global-radius;
+
+// 29. Prototype Arrow
+// -------------------
+
+$prototype-arrow-directions: (
+ down,
+ up,
+ right,
+ left
+);
+$prototype-arrow-size: 0.4375rem;
+$prototype-arrow-color: $black;
+
+// 30. Prototype Border-Box
+// ------------------------
+
+$prototype-border-box-breakpoints: $global-prototype-breakpoints;
+
+// 31. Prototype Border-None
+// -------------------------
+
+$prototype-border-none-breakpoints: $global-prototype-breakpoints;
+
+// 32. Prototype Bordered
+// ----------------------
+
+$prototype-bordered-breakpoints: $global-prototype-breakpoints;
+$prototype-border-width: rem-calc(1);
+$prototype-border-type: solid;
+$prototype-border-color: $medium-gray;
+
+// 33. Prototype Display
+// ---------------------
+
+$prototype-display-breakpoints: $global-prototype-breakpoints;
+$prototype-display: (
+ inline,
+ inline-block,
+ block,
+ table,
+ table-cell
+);
+
+// 34. Prototype Font-Styling
+// --------------------------
+
+$prototype-font-breakpoints: $global-prototype-breakpoints;
+$prototype-wide-letter-spacing: rem-calc(4);
+$prototype-font-normal: $global-weight-normal;
+$prototype-font-bold: $global-weight-bold;
+
+// 35. Prototype List-Style-Type
+// -----------------------------
+
+$prototype-list-breakpoints: $global-prototype-breakpoints;
+$prototype-style-type-unordered: (
+ disc,
+ circle,
+ square
+);
+$prototype-style-type-ordered: (
+ decimal,
+ lower-alpha,
+ lower-latin,
+ lower-roman,
+ upper-alpha,
+ upper-latin,
+ upper-roman
+);
+
+// 36. Prototype Overflow
+// ----------------------
+
+$prototype-overflow-breakpoints: $global-prototype-breakpoints;
+$prototype-overflow: (
+ visible,
+ hidden,
+ scroll
+);
+
+// 37. Prototype Position
+// ----------------------
+
+$prototype-position-breakpoints: $global-prototype-breakpoints;
+$prototype-position: (
+ static,
+ relative,
+ absolute,
+ fixed
+);
+$prototype-position-z-index: 975;
+
+// 38. Prototype Rounded
+// ---------------------
+
+$prototype-rounded-breakpoints: $global-prototype-breakpoints;
+$prototype-border-radius: rem-calc(3);
+
+// 39. Prototype Separator
+// -----------------------
+
+$prototype-separator-breakpoints: $global-prototype-breakpoints;
+$prototype-separator-align: center;
+$prototype-separator-height: rem-calc(2);
+$prototype-separator-width: 3rem;
+$prototype-separator-background: $primary-color;
+$prototype-separator-margin-top: $global-margin;
+
+// 40. Prototype Shadow
+// --------------------
+
+$prototype-shadow-breakpoints: $global-prototype-breakpoints;
+$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
+ 0 2px 10px 0 rgba(0,0,0,.12);
+
+// 41. Prototype Sizing
+// --------------------
+
+$prototype-sizing-breakpoints: $global-prototype-breakpoints;
+$prototype-sizing: (
+ width,
+ height
+);
+$prototype-sizes: (
+ 25: 25%,
+ 50: 50%,
+ 75: 75%,
+ 100: 100%
+);
+
+// 42. Prototype Spacing
+// ---------------------
+
+$prototype-spacing-breakpoints: $global-prototype-breakpoints;
+$prototype-spacers-count: 3;
+
+// 43. Prototype Text-Decoration
+// -----------------------------
+
+$prototype-decoration-breakpoints: $global-prototype-breakpoints;
+$prototype-text-decoration: (
+ overline,
+ underline,
+ line-through,
+);
+
+// 44. Prototype Text-Transformation
+// ---------------------------------
+
+$prototype-transformation-breakpoints: $global-prototype-breakpoints;
+$prototype-text-transformation: (
+ lowercase,
+ uppercase,
+ capitalize
+);
+
+// 45. Prototype Text-Utilities
+// ----------------------------
+
+$prototype-utilities-breakpoints: $global-prototype-breakpoints;
+$prototype-text-overflow: ellipsis;
+
+// 46. Responsive Embed
+// --------------------
+
+$responsive-embed-margin-bottom: rem-calc(16);
+$responsive-embed-ratios: (
+ default: 4 by 3,
+ widescreen: 16 by 9,
+);
+
+// 47. Reveal
+// ----------
+
+$reveal-background: $white;
+$reveal-width: 600px;
+$reveal-max-width: $global-width;
+$reveal-padding: $global-padding;
+$reveal-border: 1px solid $medium-gray;
+$reveal-radius: $global-radius;
+$reveal-zindex: 1005;
+$reveal-overlay-background: rgba($black, 0.45);
+
+// 48. Slider
+// ----------
+
+$slider-width-vertical: 0.5rem;
+$slider-transition: all 0.2s ease-in-out;
+$slider-height: 0.5rem;
+$slider-background: $light-gray;
+$slider-fill-background: $medium-gray;
+$slider-handle-height: 1.4rem;
+$slider-handle-width: 1.4rem;
+$slider-handle-background: $primary-color;
+$slider-opacity-disabled: 0.25;
+$slider-radius: $global-radius;
+
+// 49. Switch
+// ----------
+
+$switch-background: $medium-gray;
+$switch-background-active: $primary-color;
+$switch-height: 2rem;
+$switch-height-tiny: 1.5rem;
+$switch-height-small: 1.75rem;
+$switch-height-large: 2.5rem;
+$switch-radius: $global-radius;
+$switch-margin: $global-margin;
+$switch-paddle-background: $white;
+$switch-paddle-offset: 0.25rem;
+$switch-paddle-radius: $global-radius;
+$switch-paddle-transition: all 0.25s ease-out;
+
+// 50. Table
+// ---------
+
+$table-background: $white;
+$table-color-scale: 5%;
+$table-border: 1px solid smart-scale($table-background, $table-color-scale);
+$table-padding: rem-calc(8 10 10);
+$table-hover-scale: 2%;
+$table-row-hover: darken($table-background, $table-hover-scale);
+$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
+$table-is-striped: true;
+$table-striped-background: smart-scale($table-background, $table-color-scale);
+$table-stripe: even;
+$table-head-background: smart-scale($table-background, $table-color-scale / 2);
+$table-head-row-hover: darken($table-head-background, $table-hover-scale);
+$table-foot-background: smart-scale($table-background, $table-color-scale);
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
+$table-head-font-color: $body-font-color;
+$table-foot-font-color: $body-font-color;
+$show-header-for-stacked: false;
+$table-stack-breakpoint: medium;
+
+// 51. Tabs
+// --------
+
+$tab-margin: 0;
+$tab-background: $white;
+$tab-color: $primary-color;
+$tab-background-active: $light-gray;
+$tab-active-color: $primary-color;
+$tab-item-font-size: rem-calc(12);
+$tab-item-background-hover: $white;
+$tab-item-padding: 1.25rem 1.5rem;
+$tab-expand-max: 6;
+$tab-content-background: $white;
+$tab-content-border: $light-gray;
+$tab-content-color: $body-font-color;
+$tab-content-padding: 1rem;
+
+// 52. Thumbnail
+// -------------
+
+$thumbnail-border: solid 4px $white;
+$thumbnail-margin-bottom: $global-margin;
+$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
+$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
+$thumbnail-transition: box-shadow 200ms ease-out;
+$thumbnail-radius: $global-radius;
+
+// 53. Title Bar
+// -------------
+
+$titlebar-background: $black;
+$titlebar-color: $white;
+$titlebar-padding: 0.5rem;
+$titlebar-text-font-weight: bold;
+$titlebar-icon-color: $white;
+$titlebar-icon-color-hover: $medium-gray;
+$titlebar-icon-spacing: 0.25rem;
+
+// 54. Tooltip
+// -----------
+
+$has-tip-cursor: help;
+$has-tip-font-weight: $global-weight-bold;
+$has-tip-border-bottom: dotted 1px $dark-gray;
+$tooltip-background-color: $black;
+$tooltip-color: $white;
+$tooltip-padding: 0.75rem;
+$tooltip-max-width: 10rem;
+$tooltip-font-size: $small-font-size;
+$tooltip-pip-width: 0.75rem;
+$tooltip-pip-height: $tooltip-pip-width * 0.866;
+$tooltip-radius: $global-radius;
+
+// 55. Top Bar
+// -----------
+
+$topbar-padding: 0.5rem;
+$topbar-background: $light-gray;
+$topbar-submenu-background: $topbar-background;
+$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
+$topbar-input-width: 200px;
+$topbar-unstack-breakpoint: medium;
+
+// 56. Xy Grid
+// -----------
+
+$xy-grid: true;
+$grid-container: $global-width;
+$grid-columns: 12;
+$grid-margin-gutters: (
+ small: 20px,
+ medium: 30px
+);
+$grid-padding-gutters: $grid-margin-gutters;
+$grid-container-padding: $grid-padding-gutters;
+$grid-container-max: $global-width;
+$xy-block-grid-max: 8;
+
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_alignment.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_alignment.scss
new file mode 100644
index 0000000..77ffd61
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_alignment.scss
@@ -0,0 +1,22 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@mixin foundation-text-alignment {
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @each $align in (left, right, center, justify) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-text-#{$align} {
+ text-align: $align;
+ }
+ }
+ @else {
+ .text-#{$align} {
+ text-align: $align;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_base.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_base.scss
new file mode 100644
index 0000000..000bd33
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_base.scss
@@ -0,0 +1,509 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group typography-base
+////
+
+// Base Typography
+// - - - - - - - - - - - - - - -
+// These are styles applied to basic HTML tags, including:
+// - Paragraphs <p>
+// - Bold/italics <b> <strong> <i> <em>
+// - Small text <small>
+// - Headings <h1>-<h6>
+// - Anchors <a>
+// - Dividers <hr>
+// - Lists <ul> <ol> <dl>
+// - Blockquotes <blockquote>
+// - Code blocks <code>
+// - Abbreviations <abbr>
+// - Citations <cite>
+// - Keystrokes <kbd>
+
+/// Font family for header elements.
+/// @type String | List
+$header-font-family: $body-font-family !default;
+
+/// Font weight of headers.
+/// @type String
+$header-font-weight: $global-weight-normal !default;
+
+/// Font style (e.g. italicized) of headers.
+/// @type String
+$header-font-style: normal !default;
+
+/// Font stack used for elements that use monospaced type, such as code samples
+/// @type String | List
+$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace !default;
+
+/// Color of headers.
+/// @type Color
+$header-color: inherit !default;
+
+/// Line height of headers.
+/// @type Number
+$header-lineheight: 1.4 !default;
+
+/// Bottom margin of headers.
+/// @type Number
+$header-margin-bottom: 0.5rem !default;
+
+/// Styles for headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading styles.
+/// @type Map
+$header-styles: (
+ small: (
+ 'h1': ('font-size': 24),
+ 'h2': ('font-size': 20),
+ 'h3': ('font-size': 19),
+ 'h4': ('font-size': 18),
+ 'h5': ('font-size': 17),
+ 'h6': ('font-size': 16),
+ ),
+ medium: (
+ 'h1': ('font-size': 48),
+ 'h2': ('font-size': 40),
+ 'h3': ('font-size': 31),
+ 'h4': ('font-size': 25),
+ 'h5': ('font-size': 20),
+ 'h6': ('font-size': 16),
+ ),
+) !default;
+
+// $header-styles map is built from $header-sizes in order to ensure downward compatibility
+// when $header-sizes is depreciated, $header-styles needs to get !default values like settings.scss
+@function build_from_header-sizes($header-sizes) {
+ @warn 'Note, that $header-sizes has been replaced with $header-styles. $header-sizes still works, but it is going to be depreciated.';
+ $header-styles: ();
+ @each $size, $headers in $header-sizes {
+ $header-map: ();
+ @each $header, $font-size in $headers {
+ $header-map: map-merge($header-map, ($header: ('font-size': $font-size)));
+ }
+ $header-styles: map-merge($header-styles, ($size: $header-map));
+ }
+ @return $header-styles;
+}
+
+// If it exists $headers-sizes is used to build $header-styles. See the documentation.
+@if variable-exists(header-sizes) {
+ $header-styles: build_from_header-sizes($header-sizes);
+}
+
+/// Text rendering method of headers.
+/// @type String
+$header-text-rendering: optimizeLegibility !default;
+
+/// Font size of `<small>` elements.
+/// @type Number
+$small-font-size: 80% !default;
+
+/// Color of `<small>` elements when placed inside headers.
+/// @type Color
+$header-small-font-color: $medium-gray !default;
+
+/// Line height of text inside `<p>` elements.
+/// @type Number
+$paragraph-lineheight: 1.6 !default;
+
+/// Bottom margin of paragraphs.
+/// @type Number
+$paragraph-margin-bottom: 1rem !default;
+
+/// Text rendering method for paragraph text.
+/// @type String
+$paragraph-text-rendering: optimizeLegibility !default;
+
+/// Text color of code samples.
+/// @type Color
+$code-color: $black !default;
+
+/// Font family of code samples.
+/// @type String | List
+$code-font-family: $font-family-monospace !default;
+
+/// Font weight of text in code samples.
+/// @type String
+$code-font-weight: $global-weight-normal !default;
+
+/// Background color of code samples.
+/// @type Color
+$code-background: $light-gray !default;
+
+/// Border around code samples.
+/// @type List
+$code-border: 1px solid $medium-gray !default;
+
+/// Padding around text of code samples.
+/// @type Number | List
+$code-padding: rem-calc(2 5 1) !default;
+
+/// Default color for links.
+/// @type Color
+$anchor-color: $primary-color !default;
+
+/// Default color for links on hover.
+/// @type Color
+$anchor-color-hover: scale-color($anchor-color, $lightness: -14%) !default;
+
+/// Default text decoration for links.
+/// @type String
+$anchor-text-decoration: none !default;
+
+/// Default text decoration for links on hover.
+/// @type String
+$anchor-text-decoration-hover: none !default;
+
+/// Maximum width of a divider.
+/// @type Number
+$hr-width: $global-width !default;
+
+/// Default border for a divider.
+/// @type List
+$hr-border: 1px solid $medium-gray !default;
+
+/// Default margin for a divider.
+/// @type Number | List
+$hr-margin: rem-calc(20) auto !default;
+
+/// Line height for items in a list.
+/// @type Number
+$list-lineheight: $paragraph-lineheight !default;
+
+/// Bottom margin for items in a list.
+/// @type Number
+$list-margin-bottom: $paragraph-margin-bottom !default;
+
+/// Bullet type to use for unordered lists (e.g., `square`, `circle`, `disc`).
+/// @type String
+$list-style-type: disc !default;
+
+/// Positioning for bullets on unordered list items.
+/// @type String
+$list-style-position: outside !default;
+
+/// Left (or right) margin for lists.
+/// @type Number
+$list-side-margin: 1.25rem !default;
+
+/// Left (or right) margin for a list inside a list.
+/// @type Number
+$list-nested-side-margin: 1.25rem !default;
+
+/// Bottom margin for `<dl>` elements.
+/// @type Number
+$defnlist-margin-bottom: 1rem !default;
+
+/// Font weight for `<dt>` elements.
+/// @type String
+$defnlist-term-weight: $global-weight-bold !default;
+
+/// Spacing between `<dt>` and `<dd>` elements.
+/// @type Number
+$defnlist-term-margin-bottom: 0.3rem !default;
+
+/// Text color of `<blockquote>` elements.
+/// @type Color
+$blockquote-color: $dark-gray !default;
+
+/// Padding inside a `<blockquote>` element.
+/// @type Number | List
+$blockquote-padding: rem-calc(9 20 0 19) !default;
+
+/// Side border for `<blockquote>` elements.
+/// @type List
+$blockquote-border: 1px solid $medium-gray !default;
+
+/// Font size for `<cite>` elements.
+/// @type Number
+$cite-font-size: rem-calc(13) !default;
+
+/// Text color for `<cite>` elements.
+/// @type Color
+$cite-color: $dark-gray !default;
+
+/// Pseudo content for `<cite>` elements.
+/// @type String
+$cite-pseudo-content: '\2014 \0020' !default;
+
+/// Font family for `<kbd>` elements.
+/// @type String | List
+$keystroke-font: $font-family-monospace !default;
+
+/// Text color for `<kbd>` elements.
+/// @type Color
+$keystroke-color: $black !default;
+
+/// Background color for `<kbd>` elements.
+/// @type Color
+$keystroke-background: $light-gray !default;
+
+/// Padding for `<kbd>` elements.
+/// @type Number | List
+$keystroke-padding: rem-calc(2 4 0) !default;
+
+/// Border radius for `<kbd>` elements.
+/// @type Number | List
+$keystroke-radius: $global-radius !default;
+
+/// Bottom border style for `<abbr>` elements.
+/// @type List
+$abbr-underline: 1px dotted $black !default;
+
+@mixin foundation-typography-base {
+ // Typography resets
+ div,
+ dl,
+ dt,
+ dd,
+ ul,
+ ol,
+ li,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ form,
+ p,
+ blockquote,
+ th,
+ td {
+ margin: 0;
+ padding: 0;
+ }
+
+ // Paragraphs
+ p {
+ margin-bottom: $paragraph-margin-bottom;
+
+ font-size: inherit;
+ line-height: $paragraph-lineheight;
+ text-rendering: $paragraph-text-rendering;
+ }
+
+ // Emphasized text
+ em,
+ i {
+ font-style: italic;
+ line-height: inherit;
+ }
+
+ // Strong text
+ strong,
+ b {
+ font-weight: $global-weight-bold;
+ line-height: inherit;
+ }
+
+ // Small text
+ small {
+ font-size: $small-font-size;
+ line-height: inherit;
+ }
+
+ // Headings
+ h1, .h1,
+ h2, .h2,
+ h3, .h3,
+ h4, .h4,
+ h5, .h5,
+ h6, .h6 {
+ font-family: $header-font-family;
+ font-style: $header-font-style;
+ font-weight: $header-font-weight;
+ color: $header-color;
+ text-rendering: $header-text-rendering;
+
+ small {
+ line-height: 0;
+ color: $header-small-font-color;
+ }
+ }
+
+ // Heading styles
+ @each $size, $headers in $header-styles {
+ @include breakpoint($size) {
+ @each $header, $header-defs in $headers {
+ $font-size-temp: 1rem;
+ #{$header}, .#{$header} {
+
+ @if map-has-key($header-defs, font-size) {
+ $font-size-temp: rem-calc(map-get($header-defs, font-size));
+ font-size: $font-size-temp;
+ } @else if map-has-key($header-defs, fs) {
+ $font-size-temp: rem-calc(map-get($header-defs, fs));
+ font-size: $font-size-temp;
+ } @else if $size == $-zf-zero-breakpoint {
+ font-size: $font-size-temp;
+ }
+ @if map-has-key($header-defs, line-height) {
+ line-height: unitless-calc(map-get($header-defs, line-height), $font-size-temp);
+ } @else if map-has-key($header-defs, lh) {
+ line-height: unitless-calc(map-get($header-defs, lh), $font-size-temp);
+ } @else if $size == $-zf-zero-breakpoint {
+ line-height: unitless-calc($header-lineheight, $font-size-temp);
+ }
+
+ @if map-has-key($header-defs, margin-top) {
+ margin-top: rem-calc(map-get($header-defs, margin-top));
+ } @else if map-has-key($header-defs, mt) {
+ margin-top: rem-calc(map-get($header-defs, mt));
+ } @else if $size == $-zf-zero-breakpoint {
+ margin-top: 0;
+ }
+ @if map-has-key($header-defs, margin-bottom) {
+ margin-bottom: rem-calc(map-get($header-defs, margin-bottom));
+ } @else if map-has-key($header-defs, mb) {
+ margin-bottom: rem-calc(map-get($header-defs, mb));
+ } @else if $size == $-zf-zero-breakpoint {
+ margin-bottom: rem-calc($header-margin-bottom);
+ }
+ }
+ }
+ }
+ }
+
+ // Links
+ a {
+ line-height: inherit;
+ color: $anchor-color;
+ text-decoration: $anchor-text-decoration;
+
+ cursor: pointer;
+
+ &:hover,
+ &:focus {
+ color: $anchor-color-hover;
+ @if $anchor-text-decoration-hover != $anchor-text-decoration {
+ text-decoration: $anchor-text-decoration-hover;
+ }
+ }
+
+ img {
+ border: 0;
+ }
+ }
+
+ // Horizontal rule
+ hr {
+ clear: both;
+
+ max-width: $hr-width;
+ height: 0;
+ margin: $hr-margin;
+
+ border-top: 0;
+ border-right: 0;
+ border-bottom: $hr-border;
+ border-left: 0;
+ }
+
+ // Lists
+ ul,
+ ol,
+ dl {
+ margin-bottom: $list-margin-bottom;
+ list-style-position: $list-style-position;
+ line-height: $list-lineheight;
+ }
+
+ // List items
+ li {
+ font-size: inherit;
+ }
+
+ // Unordered lists
+ ul {
+ margin-#{$global-left}: $list-side-margin;
+ list-style-type: $list-style-type;
+ }
+
+ // Ordered lists
+ ol {
+ margin-#{$global-left}: $list-side-margin;
+ }
+
+ // Nested unordered/ordered lists
+ ul, ol {
+ & & {
+ margin-#{$global-left}: $list-nested-side-margin;
+ margin-bottom: 0;
+ }
+ }
+
+ // Definition lists
+ dl {
+ margin-bottom: $defnlist-margin-bottom;
+
+ dt {
+ margin-bottom: $defnlist-term-margin-bottom;
+ font-weight: $defnlist-term-weight;
+ }
+ }
+
+ // Blockquotes
+ blockquote {
+ margin: 0 0 $paragraph-margin-bottom;
+ padding: $blockquote-padding;
+ border-#{$global-left}: $blockquote-border;
+
+ &, p {
+ line-height: $paragraph-lineheight;
+ color: $blockquote-color;
+ }
+ }
+
+ // Citations
+ cite {
+ display: block;
+ font-size: $cite-font-size;
+ color: $cite-color;
+
+ &:before {
+ content: $cite-pseudo-content;
+ }
+ }
+
+ // Abbreviations
+ abbr, abbr[title] {
+ border-bottom: $abbr-underline;
+ cursor: help;
+ text-decoration: none;
+ }
+
+ // Figures
+ figure {
+ margin: 0;
+ }
+
+ // Code
+ code {
+ padding: $code-padding;
+
+ border: $code-border;
+ background-color: $code-background;
+
+ font-family: $code-font-family;
+ font-weight: $code-font-weight;
+ color: $code-color;
+ }
+
+ // Keystrokes
+ kbd {
+ margin: 0;
+ padding: $keystroke-padding;
+
+ background-color: $keystroke-background;
+
+ font-family: $keystroke-font;
+ color: $keystroke-color;
+
+ @if has-value($keystroke-radius) {
+ border-radius: $keystroke-radius;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_helpers.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_helpers.scss
new file mode 100644
index 0000000..f34ac03
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_helpers.scss
@@ -0,0 +1,80 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group typography-helpers
+////
+
+/// Default font size for lead paragraphs.
+/// @type Number
+$lead-font-size: $global-font-size * 1.25 !default;
+
+/// Default line height for lead paragraphs.
+/// @type String
+$lead-lineheight: 1.6 !default;
+
+/// Default line height for subheaders.
+/// @type Number
+$subheader-lineheight: 1.4 !default;
+
+/// Default font color for subheaders.
+/// @type Color
+$subheader-color: $dark-gray !default;
+
+/// Default font weight for subheaders.
+/// @type String
+$subheader-font-weight: $global-weight-normal !default;
+
+/// Default top margin for subhheaders.
+/// @type Number
+$subheader-margin-top: 0.2rem !default;
+
+/// Default bottom margin for subheaders.
+/// @type Number
+$subheader-margin-bottom: 0.5rem !default;
+
+/// Default font size for statistic numbers.
+/// @type Number
+$stat-font-size: 2.5rem !default;
+
+@mixin foundation-typography-helpers {
+ // Use to create a subheading under a main header
+ // Make sure you pair the two elements in a <header> element, like this:
+ // <header>
+ // <h1>Heading</h1>
+ // <h2>Subheading</h2>
+ // </header>
+ .subheader {
+ margin-top: $subheader-margin-top;
+ margin-bottom: $subheader-margin-bottom;
+
+ font-weight: $subheader-font-weight;
+ line-height: $subheader-lineheight;
+ color: $subheader-color;
+ }
+
+ // Use to style an introductory lead, deck, blurb, etc.
+ .lead {
+ font-size: $lead-font-size;
+ line-height: $lead-lineheight;
+ }
+
+ // Use to style a large number to display a statistic
+ .stat {
+ font-size: $stat-font-size;
+ line-height: 1;
+
+ p + & {
+ margin-top: -1rem;
+ }
+ }
+
+ ul, ol {
+ // Use to remove numbers from ordered list & bullets from unordered list
+ &.no-bullet {
+ margin-#{$global-left}: 0;
+ list-style: none;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_print.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_print.scss
new file mode 100644
index 0000000..25255b8
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_print.scss
@@ -0,0 +1,86 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+/// If `true`, all elements will have transparent backgrounds when printed, to save on ink.
+/// @type Boolean
+/// @group global
+$print-transparent-backgrounds: true !default;
+$print-hrefs: true !default;
+
+// sass-lint:disable-all
+
+@mixin foundation-print-styles {
+ .show-for-print { display: none !important; }
+
+ @media print {
+ * {
+ @if $print-transparent-backgrounds {
+ background: transparent !important;
+ }
+
+ box-shadow: none !important;
+
+ color: black !important; // Black prints faster: h5bp.com/s
+ text-shadow: none !important;
+ }
+
+ .show-for-print { display: block !important; }
+ .hide-for-print { display: none !important; }
+
+ table.show-for-print { display: table !important; }
+ thead.show-for-print { display: table-header-group !important; }
+ tbody.show-for-print { display: table-row-group !important; }
+ tr.show-for-print { display: table-row !important; }
+ td.show-for-print { display: table-cell !important; }
+ th.show-for-print { display: table-cell !important; }
+
+ // Display the URL of a link after the text
+ a,
+ a:visited { text-decoration: underline;}
+ @if $print-hrefs {
+ a[href]:after { content: ' (' attr(href) ')'; }
+ }
+
+ // Don't display the URL for images or JavaScript/internal links
+ .ir a:after,
+ a[href^='javascript:']:after,
+ a[href^='#']:after { content: ''; }
+
+ // Display what an abbreviation stands for after the text
+ abbr[title]:after { content: ' (' attr(title) ')'; }
+
+ // Prevent page breaks in the middle of a blockquote or preformatted text block
+ pre,
+ blockquote {
+ border: 1px solid $dark-gray;
+ page-break-inside: avoid;
+ }
+
+ // h5bp.com/t
+ thead { display: table-header-group; }
+
+ tr,
+ img { page-break-inside: avoid; }
+
+ img { max-width: 100% !important; }
+
+ @page { margin: 0.5cm; }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ // Avoid page breaks after a heading
+ h2,
+ h3 { page-break-after: avoid; }
+
+ // Helper to re-allow page breaks in the middle of certain elements (e.g. pre, blockquote, tr)
+ .print-break-inside {
+ page-break-inside: auto;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_typography.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_typography.scss
new file mode 100644
index 0000000..c794126
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/typography/_typography.scss
@@ -0,0 +1,26 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group typography
+////
+
+// Base typography styles (tags only)
+@import 'base';
+
+// Typography helper classes (classes only)
+@import 'helpers';
+
+// Text alignment classes
+@import 'alignment';
+
+// Print styles
+@import 'print';
+
+@mixin foundation-typography {
+ @include foundation-typography-base;
+ @include foundation-typography-helpers;
+ @include foundation-text-alignment;
+ @include foundation-print-styles;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_breakpoint.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_breakpoint.scss
new file mode 100644
index 0000000..dbfae8c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_breakpoint.scss
@@ -0,0 +1,348 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group breakpoints
+////
+
+/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
+/// @type Map
+$breakpoints: (
+ small: 0,
+ medium: 640px,
+ large: 1024px,
+ xlarge: 1200px,
+ xxlarge: 1440px,
+) !default;
+
+/// The largest named breakpoint in which to include print as a media type
+/// @type Keyword
+$print-breakpoint: large !default;
+
+$-zf-zero-breakpoint: small !default;
+
+$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');
+
+@if nth(map-values($breakpoints), 1) != 0 {
+ @error 'Your smallest breakpoint (defined in $breakpoints) must be set to "0".';
+}
+@else {
+ $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);
+}
+
+/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.
+/// @type List
+$breakpoint-classes: (small medium large) !default;
+
+/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.
+///
+/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.
+@function breakpoint($val: $-zf-zero-breakpoint) {
+ // Size or keyword
+ $bp: nth($val, 1);
+ // Value for max-width media queries
+ $bp-max: 0;
+ // Direction of media query (up, down, or only)
+ $dir: if(length($val) > 1, nth($val, 2), up);
+ // Eventual output
+ $str: '';
+ // Is it a named media query?
+ $named: false;
+
+ // Orientation media queries have a unique syntax
+ @if $bp == 'landscape' or $bp == 'portrait' {
+ @return '(orientation: #{$bp})';
+ }
+ @else if $bp == 'retina' {
+ @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
+ }
+
+ // Try to pull a named breakpoint out of the $breakpoints map
+ @if type-of($bp) == 'string' {
+ @if map-has-key($breakpoints, $bp) {
+ @if $dir == 'only' or $dir == 'down' {
+ $bp-max: -zf-map-next($breakpoints, $bp);
+ }
+
+ $bp: map-get($breakpoints, $bp);
+ $named: true;
+ }
+ @else {
+ $bp: 0;
+ @warn 'breakpoint(): "#{$val}" is not defined in your $breakpoints setting.';
+ }
+ }
+
+ // Convert any pixel, rem, or unitless value to em
+ $bp: -zf-bp-to-em($bp);
+ @if $bp-max {
+ $bp-max: -zf-bp-to-em($bp-max) - (1/16);
+ }
+
+ // Conditions to skip media query creation
+ // - It's a named breakpoint that resolved to "0 down" or "0 up"
+ // - It's a numeric breakpoint that resolved to "0 " + anything
+ @if $bp > 0em or $dir == 'only' or $dir == 'down' {
+ // `only` ranges use the format `(min-width: n) and (max-width: n)`
+ @if $dir == 'only' {
+ // Only named media queries can have an "only" range
+ @if $named == true {
+ // Only use "min-width" if the floor is greater than 0
+ @if $bp > 0em {
+ $str: $str + '(min-width: #{$bp})';
+
+ // Only add "and" to the media query if there's a ceiling
+ @if $bp-max != null {
+ $str: $str + ' and ';
+ }
+ }
+
+ // Only use "max-width" if there's a ceiling
+ @if $bp-max != null {
+ $str: $str + '(max-width: #{$bp-max})';
+ }
+ }
+ @else {
+ @warn 'breakpoint(): Only named media queries can have an `only` range.';
+ }
+ }
+
+ // `down` ranges use the format `(max-width: n)`
+ @else if $dir == 'down' {
+ $max: if($named, $bp-max, $bp);
+
+ // Skip media query creation if input value is exactly "0 down",
+ // unless the function was called as "small down", in which case it's just "small only"
+ @if $named or $bp > 0em {
+ @if $max != null {
+ $str: $str + '(max-width: #{$max})';
+ }
+ }
+ }
+
+ // `up` ranges use the format `(min-width: n)`
+ @else if $bp > 0em {
+ $str: $str + '(min-width: #{$bp})';
+ }
+ }
+
+ @return $str;
+}
+
+/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:
+/// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.
+/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.
+/// - If a rem value is passed, the unit will be changed to em.
+/// - If an em value is passed, the value will be used as-is.
+///
+/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.
+///
+/// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.
+@mixin breakpoint($value) {
+ $str: breakpoint($value);
+ $bp: index($-zf-breakpoints-keys, $value);
+ $pbp: index($-zf-breakpoints-keys, $print-breakpoint);
+
+ $old-zf-size: null;
+
+ // Make breakpoint size available as a variable
+ @if global-variable-exists(-zf-size) {
+ $old-zf-size: $-zf-size;
+ }
+ $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords
+
+ // If $str is still an empty string, no media query is needed
+ @if $str == '' {
+ @content;
+ }
+
+ // Otherwise, wrap the content in a media query
+ @else {
+ // For named breakpoints less than or equal to $print-breakpoint, add print to the media types
+ @if $bp != null and $bp <= $pbp {
+ @media print, screen and #{$str} {
+ @content;
+ }
+ }
+ @else {
+ @media screen and #{$str} {
+ @content;
+ }
+ }
+ }
+
+ @if $old-zf-size != null {
+ // Restore the old breakpoint size
+ $-zf-size: $old-zf-size !global;
+ } @else {
+ $-zf-size: null !global;
+ }
+}
+
+/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.
+/// @access private
+///
+/// @param {Map} $map - Map to convert.
+///
+/// @returns {String} A string containing the map's contents.
+@function -zf-bp-serialize($map) {
+ $str: '';
+ @each $key, $value in $map {
+ $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';
+ }
+ $str: str-slice($str, 1, -2);
+
+ @return $str;
+}
+
+/// Find the next key in a map.
+/// @access private
+///
+/// @param {Map} $map - Map to traverse.
+/// @param {Mixed} $key - Key to use as a starting point.
+///
+/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
+@function -zf-map-next($map, $key) {
+
+ // Store the keys of the map as a list
+ $values: map-keys($map);
+
+ $i: 0;
+
+ // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map
+ @if (map-has-key($map, $key)) {
+ $i: index($values, $key) + 1;
+ }
+
+ // If the key doesn't exist, or it's the last key in the map, return null
+ @if ($i > length($map) or $i == 0) {
+ @return null;
+ }
+ // Otherwise, return the value
+ @else {
+ @return map-get($map, nth($values, $i));
+ }
+
+}
+
+/// Return a list of our named breakpoints less than $key. Useful for dealing with
+/// responsive gutters for the grid.
+/// @access private
+///
+/// @param {String} $key - Key to use as last breakpoint.
+///
+/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero
+@function -zf-breakpoints-less-than($key) {
+ $list: ();
+ $found_key: false;
+
+ @each $name in $-zf-breakpoints-keys {
+ @if ($name == $key) {
+ $found_key: true;
+ }
+ @if not $found_key {
+ $list: append($list, $name);
+ }
+ }
+ @return $list;
+}
+
+/// Return a list of our named breakpoints less than $key. Useful for dealing with
+/// responsive gutters for the grid.
+/// @access private
+///
+/// @param {String} $breakpoing - a named or non-named breakpoing.
+///
+/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero
+@function -zf-closest-named-breakpoint($breakpoint) {
+ $last: $-zf-zero-breakpoint;
+ $found: false;
+
+ $value: unitless-calc($breakpoint, 1px);
+ @each $key, $val in $breakpoints {
+ @if not $found {
+ @if unitless-calc($val) > $value {
+ $found: true;
+ } @else {
+ $last: $key;
+ }
+ }
+ }
+
+ @return $last;
+}
+
+/// Get a value for a breakpoint from a responsive config map or single value.
+/// - If the config is a single value, return it regardless of `$value`.
+/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.
+/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.
+/// @access private
+///
+/// @param {Number|Map} $map - Responsive config map or single value.
+/// @param {Keyword} $value - Breakpoint name to use.
+///
+/// @return {Mixed} The corresponding breakpoint value.
+@function -zf-get-bp-val($map, $value) {
+ // If the given map is a single value, return it
+ @if type-of($map) == 'number' {
+ @return $map;
+ }
+
+
+ // Check if the breakpoint name exists globally
+ @if not map-has-key($breakpoints, $value) {
+ @if type-of($value) == 'number' {
+ $value: -zf-closest-named-breakpoint($value);
+ } @else {
+ @return null;
+ }
+ }
+ // Check if the breakpoint name exists in the local config map
+ @else if map-has-key($map, $value) {
+ // If it does, just return the value
+ @return map-get($map, $value);
+ }
+ // Otherwise, find the next lowest breakpoint and return that value
+ @else {
+ $anchor: null;
+ $found: false;
+
+ @each $key, $val in $breakpoints {
+ @if not $found {
+ @if map-has-key($map, $key) {
+ $anchor: $key;
+ }
+ @if $key == $value {
+ $found: true;
+ }
+ }
+ }
+
+ @return map-get($map, $anchor);
+ }
+}
+
+@if map-has-key($breakpoints, small) {
+ $small-up: screen;
+ $small-only: unquote('screen and #{breakpoint(small only)}');
+}
+
+@if map-has-key($breakpoints, medium) {
+ $medium-up: unquote('screen and #{breakpoint(medium)}');
+ $medium-only: unquote('screen and #{breakpoint(medium only)}');
+}
+
+@if map-has-key($breakpoints, large) {
+ $large-up: unquote('screen and #{breakpoint(large)}');
+ $large-only: unquote('screen and #{breakpoint(large only)}');
+}
+
+@if map-has-key($breakpoints, xlarge) {
+ $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
+ $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
+}
+
+@if map-has-key($breakpoints, xxlarge) {
+ $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_color.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_color.scss
new file mode 100644
index 0000000..11a04d9
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_color.scss
@@ -0,0 +1,129 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'math';
+
+$contrast-warnings: true !default;
+
+////
+/// @group functions
+////
+
+/// Checks the luminance of `$color`.
+///
+/// @param {Color} $color - Color to check the luminance of.
+///
+/// @returns {Number} The luminance of `$color`.
+@function color-luminance($color) {
+ // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
+ // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+ $rgba: red($color), green($color), blue($color);
+ $rgba2: ();
+
+ @for $i from 1 through 3 {
+ $rgb: nth($rgba, $i);
+ $rgb: $rgb / 255;
+
+ $rgb: if($rgb < 0.03928, $rgb / 12.92, pow(($rgb + 0.055) / 1.055, 2.4));
+
+ $rgba2: append($rgba2, $rgb);
+ }
+
+ @return 0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3);
+}
+
+/// Checks the contrast ratio of two colors.
+///
+/// @param {Color} $color1 - First color to compare.
+/// @param {Color} $color2 - Second color to compare.
+///
+/// @returns {Number} The contrast ratio of the compared colors.
+@function color-contrast($color1, $color2) {
+ // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
+ // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
+ $luminance1: color-luminance($color1) + 0.05;
+ $luminance2: color-luminance($color2) + 0.05;
+ $ratio: $luminance1 / $luminance2;
+
+ @if $luminance2 > $luminance1 {
+ $ratio: 1 / $ratio;
+ }
+
+ $ratio: round($ratio * 10) / 10;
+
+ @return $ratio;
+}
+
+/// Checks the luminance of `$base`, and returns the color from `$colors` (list of colors) that has the most contrast.
+///
+/// @param {Color} $base - Color to check luminance.
+/// @param {List} $colors [($white, $black)] - Colors to compare.
+/// @param {Number} $tolerance [$global-color-pick-contrast-tolerance] - Contrast tolerance.
+///
+/// @returns {Color} the color from `$colors` (list of colors) that has the most contrast.
+@function color-pick-contrast($base, $colors: ($white, $black), $tolerance: $global-color-pick-contrast-tolerance) {
+ $contrast: color-contrast($base, nth($colors, 1));
+ $best: nth($colors, 1);
+
+ @for $i from 2 through length($colors) {
+ $current-contrast: color-contrast($base, nth($colors, $i));
+ @if ($current-contrast - $contrast > $tolerance) {
+ $contrast: color-contrast($base, nth($colors, $i));
+ $best: nth($colors, $i);
+ }
+ }
+
+ @if ($contrast-warnings and $contrast < 3) {
+ @warn "Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}";
+ }
+
+ @return $best;
+}
+
+/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
+///
+/// @param {Color} $color - Color to scale.
+/// @param {Percentage} $scale [5%] - Amount to scale up or down.
+/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.
+///
+/// @returns {Color} A scaled color.
+@function smart-scale($color, $scale: 5%, $threshold: 40%) {
+ @if lightness($color) > $threshold {
+ $scale: -$scale;
+ }
+ @return scale-color($color, $lightness: $scale);
+}
+
+/// Get color from foundation-palette
+///
+/// @param {key} color key from foundation-palette
+///
+/// @returns {Color} color from foundation-palette
+@function get-color($key) {
+ @if map-has-key($foundation-palette, $key) {
+ @return map-get($foundation-palette, $key);
+ }
+ @else {
+ @error 'given $key is not available in $foundation-palette';
+ }
+}
+
+/// Transfers the colors in the `$foundation-palette`map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
+@mixin add-foundation-colors() {
+ @if map-has-key($foundation-palette, primary) {
+ $primary-color: map-get($foundation-palette, primary) !global;
+ }
+ @if map-has-key($foundation-palette, secondary) {
+ $secondary-color: map-get($foundation-palette, secondary) !global;
+ }
+ @if map-has-key($foundation-palette, success) {
+ $success-color: map-get($foundation-palette, success) !global;
+ }
+ @if map-has-key($foundation-palette, warning) {
+ $warning-color: map-get($foundation-palette, warning) !global;
+ }
+ @if map-has-key($foundation-palette, alert) {
+ $alert-color: map-get($foundation-palette, alert) !global;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_direction.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_direction.scss
new file mode 100644
index 0000000..98a868a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_direction.scss
@@ -0,0 +1,31 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Returns the opposite direction of $dir
+///
+/// @param {Keyword} $dir - Used direction between "top", "right", "bottom" and "left".
+/// @return {Keyword} Opposite direction of $dir
+@function direction-opposite(
+ $dir
+) {
+ $dirs: (top, right, bottom, left);
+ $place: index($dirs, $dir);
+
+ @if $place == null {
+ @error 'direction-opposite: Invalid $dir parameter, expected a value from "#{$dirs}", found "#{$dir}".';
+ @return null;
+ }
+
+ // Calcul the opposite place in a circle, with a starting index of 1
+ $length: length($dirs);
+ $demi: $length / 2;
+ $opposite-place: (($place + $demi - 1) % $length) + 1;
+
+ @return nth($dirs, $opposite-place);
+}
+
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_flex.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_flex.scss
new file mode 100644
index 0000000..cd24dd7
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_flex.scss
@@ -0,0 +1,85 @@
+$-zf-flex-justify: (
+ 'left': flex-start,
+ 'right': flex-end,
+ 'center': center,
+ 'justify': space-between,
+ 'spaced': space-around,
+);
+
+$-zf-flex-align: (
+ 'top': flex-start,
+ 'bottom': flex-end,
+ 'middle': center,
+ 'stretch': stretch,
+);
+
+$-zf-flex-direction: (
+ 'row': row,
+ 'row-reverse': row-reverse,
+ 'column': column,
+ 'column-reverse': column-reverse,
+);
+
+/// Enables flexbox by adding `display: flex` to the element.
+@mixin flex {
+ display: flex;
+}
+
+/// Horizontally or vertically aligns the items within a flex container.
+///
+/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.
+/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
+@mixin flex-align($x: null, $y: null) {
+ @if $x {
+ @if map-has-key($-zf-flex-justify, $x) {
+ $x: map-get($-zf-flex-justify, $x);
+ }
+ @else {
+ @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';
+ }
+ }
+
+ @if $y {
+ @if map-has-key($-zf-flex-align, $y) {
+ $y: map-get($-zf-flex-align, $y);
+ }
+ @else {
+ @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';
+ }
+ }
+
+ justify-content: $x;
+ align-items: $y;
+}
+
+/// Vertically align a single column within a flex row. Apply this mixin to a flex column.
+///
+/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
+@mixin flex-align-self($y: null) {
+ @if $y {
+ @if map-has-key($-zf-flex-align, $y) {
+ $y: map-get($-zf-flex-align, $y);
+ }
+ @else {
+ @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';
+ }
+ }
+
+ align-self: $y;
+}
+
+/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.
+/// @param {Number} $order [0] - Order number to apply.
+@mixin flex-order($order: 0) {
+ order: $order;
+}
+
+/// Change flex-direction
+/// @param {Keyword} $direction [row] - Flex direction to use. Can be
+/// - row (default): same as text direction
+/// - row-reverse: opposite to text direction
+/// - column: same as row but top to bottom
+/// - column-reverse: same as row-reverse top to bottom
+@mixin flex-direction($direction: row) {
+ flex-direction: $direction;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_math.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_math.scss
new file mode 100644
index 0000000..e3d1908
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_math.scss
@@ -0,0 +1,72 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Finds the greatest common divisor of two integers.
+///
+/// @param {Number} $a - First number to compare.
+/// @param {Number} $b - Second number to compare.
+///
+/// @returns {Number} The greatest common divisor.
+@function gcd($a, $b) {
+ // From: http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript
+ @if ($b != 0) {
+ @return gcd($b, $a % $b);
+ }
+ @else {
+ @return abs($a);
+ }
+}
+
+/// Handles decimal exponents by trying to convert them into a fraction and then use a nth-root-algorithm for parts of the calculation
+///
+/// @param {Number} $base - The base number.
+/// @param {Number} $exponent - The exponent.
+///
+/// @returns {Number} The product of the exponentiation.
+@function pow($base, $exponent, $prec: 16) {
+ @if (floor($exponent) != $exponent) {
+ $prec2 : pow(10, $prec);
+ $exponent: round($exponent * $prec2);
+ $denominator: gcd($exponent, $prec2);
+ @return nth-root(pow($base, $exponent / $denominator), $prec2 / $denominator, $prec);
+ }
+
+ $value: $base;
+ @if $exponent > 1 {
+ @for $i from 2 through $exponent {
+ $value: $value * $base;
+ }
+ }
+ @else if $exponent < 1 {
+ @for $i from 0 through -$exponent {
+ $value: $value / $base;
+ }
+ }
+
+ @return $value;
+}
+
+@function nth-root($num, $n: 2, $prec: 12) {
+ // From: http://rosettacode.org/wiki/Nth_root#JavaScript
+ $x: 1;
+
+ @for $i from 0 through $prec {
+ $x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)));
+ }
+
+ @return $x;
+}
+
+/// Calculates the height as a percentage of the width for a given ratio.
+/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
+/// @return {Number} A percentage value for the height relative to the width of a responsive container.
+@function ratio-to-percentage($ratio) {
+ $w: nth($ratio, 1);
+ $h: nth($ratio, 3);
+ @return $h / $w * 100%;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_mixins.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_mixins.scss
new file mode 100644
index 0000000..d5dbfdb
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_mixins.scss
@@ -0,0 +1,313 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Creates an inner box-shadow for only one side
+///
+/// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.
+/// @param {Number} $size - Width for the target side.
+/// @param {Color} $color - Color of the shadow.
+@mixin inner-side-shadow(
+ $side: bottom,
+ $size: 20px,
+ $color: rgba($black, 0.25)
+) {
+
+ $helper: round($size * 0.65);
+
+ @if ($side == top) {
+ box-shadow: inset 0 $helper $size (-1)*$helper $color;
+ } @else if ($side == left) {
+ box-shadow: inset $helper 0 $size (-1)*$helper $color;
+ } @else if ($side == right) {
+ box-shadow: inset (-1)*$helper 0 $size (-1)*$helper $color;
+ } @else if ($side == bottom) {
+ box-shadow: inset 0 (-1)*$helper $size (-1)*$helper $color;
+ }
+}
+
+/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.
+///
+/// @param {Number} $triangle-size - Width of the triangle.
+/// @param {Color} $triangle-color - Color of the triangle.
+/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.
+@mixin css-triangle(
+ $triangle-size,
+ $triangle-color,
+ $triangle-direction
+) {
+ display: block;
+ width: 0;
+ height: 0;
+
+ border: inset $triangle-size;
+
+ content: '';
+
+ @if ($triangle-direction == down) {
+ border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: $triangle-color transparent transparent;
+ }
+ @if ($triangle-direction == up) {
+ border-top-width: 0;
+ border-bottom-style: solid;
+ border-color: transparent transparent $triangle-color;
+ }
+ @if ($triangle-direction == right) {
+ border-right-width: 0;
+ border-left-style: solid;
+ border-color: transparent transparent transparent $triangle-color;
+ }
+ @if ($triangle-direction == left) {
+ border-left-width: 0;
+ border-right-style: solid;
+ border-color: transparent $triangle-color transparent transparent;
+ }
+}
+
+/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class="docs-example-burger"></div>
+///
+/// @param {Color} $color [$black] - Color to use for the icon.
+/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.
+/// @param {Number} $width [20px] - Width of the icon.
+/// @param {Number} $height [16px] - Height of the icon.
+/// @param {Number} $weight [2px] - Height of individual bars in the icon.
+/// @param {Number} $bars [3] - Number of bars in the icon.
+@mixin hamburger(
+ $color: $black,
+ $color-hover: $dark-gray,
+ $width: 20px,
+ $height: 16px,
+ $weight: 2px,
+ $bars: 3
+) {
+ // box-shadow CSS output
+ $shadow: ();
+ $hover-shadow: ();
+
+ // Spacing between bars is calculated based on the total height of the icon and the weight of each bar
+ $spacing: ($height - ($weight * $bars)) / ($bars - 1);
+
+ @if unit($spacing) == 'px' {
+ $spacing: floor($spacing);
+ }
+
+ @for $i from 2 through $bars {
+ $offset: ($weight + $spacing) * ($i - 1);
+ $shadow: append($shadow, 0 $offset 0 $color, comma);
+ }
+
+ // Icon container
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: $width;
+ height: $height;
+ cursor: pointer;
+
+ // Icon bars
+ &::after {
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ display: block;
+ width: 100%;
+ height: $weight;
+
+ background: $color;
+ box-shadow: $shadow;
+
+ content: '';
+ }
+
+ // Hover state
+ @if $color-hover {
+ // Generate CSS
+ @for $i from 2 through $bars {
+ $offset: ($weight + $spacing) * ($i - 1);
+ $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);
+ }
+
+ &:hover::after {
+ background: $color-hover;
+ box-shadow: $hover-shadow;
+ }
+ }
+}
+
+/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.
+/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.
+///
+/// @param {Color} $color [$black] - Color to use for the triangle.
+@mixin background-triangle($color: $black) {
+ $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';
+
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
+
+ @media screen and (min-width:0\0) {
+ @if lightness($color) < 60% {
+ // White triangle
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
+ }
+ @else {
+ // Black triangle
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');
+ }
+ }
+}
+
+/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.
+/// The clearfix is augmented with specific styles to prevent borders in flexbox environments
+/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack
+/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix
+@mixin clearfix {
+ &::before,
+ &::after {
+ display: table;
+ content: ' ';
+
+ @if $global-flexbox {
+ flex-basis: 0;
+ order: 1;
+ }
+ }
+
+ &::after {
+ clear: both;
+ }
+}
+
+/// Adds CSS for a "quantity query" selector that automatically sizes elements based on how many there are inside a container.
+/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS
+///
+/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.
+/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.
+@mixin auto-width($max, $elem: li) {
+ @for $i from 2 through $max {
+ &:nth-last-child(#{$i}):first-child,
+ &:nth-last-child(#{$i}):first-child ~ #{$elem} {
+ width: percentage(1 / $i);
+ }
+ }
+}
+
+/// Removes the focus ring around an element when a mouse input is detected.
+@mixin disable-mouse-outline {
+ [data-whatinput='mouse'] & {
+ outline: 0;
+ }
+}
+
+/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.
+/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility
+/// @link http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
+@mixin element-invisible {
+ position: absolute !important;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ white-space: nowrap;
+ clip-path: inset(50%);
+ border: 0;
+}
+
+/// Reverses the CSS output created by the `element-invisible()` mixin.
+@mixin element-invisible-off {
+ position: static !important;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ clip-path: none;
+}
+
+/// Vertically centers the element inside of its first non-static parent,
+/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
+@mixin vertical-center {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+/// Horizontally centers the element inside of its first non-static parent,
+/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
+@mixin horizontal-center {
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+/// Absolutely centers the element inside of its first non-static parent,
+/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
+@mixin absolute-center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.
+///
+/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.
+/// @param {Boolean} $auto-insert-breakpoints [true] - If `false`, the mixin will iterate over breakpoints without doing the media query itself. Useful for more complex media query generation as in the margin grid.
+@mixin -zf-each-breakpoint($small: true, $auto-insert-breakpoints: true) {
+ $list: $breakpoint-classes;
+
+ @if not $small {
+ $list: sl-remove($list, $-zf-zero-breakpoint);
+ }
+
+ @each $name in $list {
+ $-zf-size: $name !global;
+
+ @if $auto-insert-breakpoints {
+ @include breakpoint($name) {
+ @content;
+ }
+ }
+ @else {
+ @content;
+ }
+ }
+}
+
+/// Generate the `@content` passed to the mixin with a value `$-zf-bp-value` related to a breakpoint, depending on the `$name` parameter:
+/// - For a single value, `$-zf-bp-value` is this value.
+/// - For a breakpoint name, `$-zf-bp-value` is the corresponding breakpoint value in `$map`.
+/// - For "auto", `$-zf-bp-value` is the corresponding breakpoint value in `$map` and is passed to `@content`, which is made responsive for each breakpoint of `$map`.
+/// @param {Number|Array|Keyword} $name [auto] - Single value, breakpoint name, or list of breakpoint names to use. "auto" by default.
+/// @param {Number|Map} $map - Map of breakpoints and values or single value to use.
+@mixin -zf-breakpoint-value(
+ $name: auto,
+ $map: null
+) {
+ @if $name == auto and type-of($map) == 'map' {
+ // "auto"
+ @each $k, $v in $map {
+ @include breakpoint($k) {
+ @include -zf-breakpoint-value($v, $map) {
+ @content;
+ }
+ }
+ }
+ }
+ @else {
+ // breakpoint name
+ @if type-of($name) == 'string' {
+ $name: -zf-get-bp-val($map, $name);
+ }
+
+ // breakpoint value
+ $-zf-bp-value: $name !global;
+ @content;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_selector.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_selector.scss
new file mode 100644
index 0000000..2c79c04
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_selector.scss
@@ -0,0 +1,41 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.
+///
+/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.
+/// @param {Keyword} $modifier [''] - A modifier to be applied to each text input type (e.g. a class or a pseudo-class). Leave blank to ignore.
+@function text-inputs($types: (), $modifier: '') {
+ $return: ();
+
+ $all-types:
+ text
+ password
+ date
+ datetime
+ datetime-local
+ month
+ week
+ email
+ number
+ search
+ tel
+ time
+ url
+ color;
+
+ @if not has-value($types) {
+ $types: $all-types;
+ }
+
+ @each $type in $types {
+ $return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
+ }
+
+ @return $return;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_typography.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_typography.scss
new file mode 100644
index 0000000..adff086
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_typography.scss
@@ -0,0 +1,26 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+$-zf-font-stack: (
+ 'georgia': (Georgia, "URW Bookman L", serif),
+ 'helvetica': (Helvetica, Arial, "Nimbus Sans L", sans-serif),
+ 'lucida-grande': ("Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif),
+ 'monospace': ("Courier New", Courier, "Nimbus Sans L", monospace),
+ 'system': (-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif),
+ 'verdana': (Verdana, Geneva, "DejaVu Sans", sans-serif),
+);
+
+/// Return a font stack list from a map. Equivalent to `map-safe-get($name, $-zf-font-stack)`.
+///
+/// @param {String} $stack - Name of the font stack.
+/// @param {Map} $map [$-zf-font-stack] - Map of font stacks to retrieve a list from.
+///
+/// @returns {List} Found font stack.
+@function font-stack($stack, $map: $-zf-font-stack) {
+ @return map-safe-get($map, $stack);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_unit.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_unit.scss
new file mode 100644
index 0000000..6d60f38
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_unit.scss
@@ -0,0 +1,152 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+$global-font-size: 100% !default;
+
+/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
+///
+/// @param {Number} $num - Number to strip unit from.
+///
+/// @returns {Number} The same number, sans unit.
+@function strip-unit($num) {
+ @return $num / ($num * 0 + 1);
+}
+
+/// Converts one or more pixel values into matching rem values.
+///
+/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
+/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
+///
+/// @returns {List} A list of converted values.
+@function rem-calc($values, $base: null) {
+ $rem-values: ();
+ $count: length($values);
+
+ // If no base is defined, defer to the global font size
+ @if $base == null {
+ $base: $global-font-size;
+ }
+
+ // If the base font size is a %, then multiply it by 16px
+ // This is because 100% font size = 16px in most all browsers
+ @if unit($base) == '%' {
+ $base: ($base / 100%) * 16px;
+ }
+
+ // Using rem as base allows correct scaling
+ @if unit($base) == 'rem' {
+ $base: strip-unit($base) * 16px;
+ }
+
+ @if $count == 1 {
+ @return -zf-to-rem($values, $base);
+ }
+
+ @for $i from 1 through $count {
+ $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
+ }
+
+ @return $rem-values;
+}
+
+// Converts a unitless, pixel, or rem value to em, for use in breakpoints.
+@function -zf-bp-to-em($value) {
+ // Pixel and unitless values are converted to rems
+ @if unit($value) == 'px' or unitless($value) {
+ $value: rem-calc($value, $base: 16px);
+ }
+
+ // Then the value is converted to ems
+ @return strip-unit($value) * 1em;
+}
+
+/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
+/// @access private
+///
+/// @param {Number} $value - Pixel value to convert.
+/// @param {Number} $base [null] - Base for pixel conversion.
+///
+/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
+@function -zf-to-rem($value, $base: null) {
+ // Check if the value is a number
+ @if type-of($value) != 'number' {
+ @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+ @return $value;
+ }
+
+ // Transform em into rem if someone hands over 'em's
+ @if unit($value) == 'em' {
+ $value: strip-unit($value) * 1rem;
+ }
+
+ // Calculate rem if units for $value is not rem or em
+ @if unit($value) != 'rem' {
+ $value: strip-unit($value) / strip-unit($base) * 1rem;
+ }
+
+ // Turn 0rem into 0
+ @if $value == 0rem {
+ $value: 0;
+ }
+
+ @return $value;
+}
+
+/// Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
+///
+/// @param {Number} $value - Value to convert to a unitless line height
+/// @param {Number} $base - The font size to use to work out the line height - defaults to $global-font-size
+///
+/// @return {Number} - Unitless number
+@function unitless-calc($value, $base: null) {
+
+ // If no base is defined, defer to the global font size
+ @if $base == null {
+ $base: $global-font-size;
+ }
+
+ // First, lets convert our $base to pixels
+
+ // If the base font size is a %, then multiply it by 16px
+ @if unit($base) == '%' {
+ $base: ($base / 100%) * 16px;
+ }
+
+ @if unit($base) == 'rem' {
+ $base: strip-unit($base) * 16px;
+ }
+
+ @if unit($base) == 'em' {
+ $base: strip-unit($base) * 16px;
+ }
+
+ // Now lets convert our value to pixels too
+ @if unit($value) == '%' {
+ $value: ($value / 100%) * $base;
+ }
+
+ @if unit($value) == 'rem' {
+ $value: strip-unit($value) * $base;
+ }
+
+ @if unit($value) == 'em' {
+ $value: strip-unit($value) * $base;
+ }
+
+ // 'px'
+ @if unit($value) == 'px' {
+ @return strip-unit($value) / strip-unit($base);
+ }
+
+ // assume that line-heights greatern then 10 are meant to be absolute in 'px'
+ @if unitless($value) and ($value > 10) {
+ @return $value / strip-unit($base);
+ }
+
+ @return $value;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_util.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_util.scss
new file mode 100644
index 0000000..ddcb59e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_util.scss
@@ -0,0 +1,14 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'math';
+@import 'unit';
+@import 'value';
+@import 'direction';
+@import 'color';
+@import 'selector';
+@import 'flex';
+@import 'breakpoint';
+@import 'mixins';
+@import 'typography';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_value.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_value.scss
new file mode 100644
index 0000000..a063a82
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/util/_value.scss
@@ -0,0 +1,160 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list.
+///
+/// @param {Mixed} $val - Value to check.
+///
+/// @returns {Boolean} `true` if `$val` is not falsey.
+@function has-value($val) {
+ @if $val == null or $val == none {
+ @return false;
+ }
+ @if type-of($val) == 'number' and strip-unit($val) == 0 {
+ @return false;
+ }
+ @if type-of($val) == 'list' and length($val) == 0 {
+ @return false;
+ }
+ @return true;
+}
+
+/// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format.
+///
+/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em"
+/// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`.
+///
+/// @returns {Number} A single value based on `$val` and `$side`.
+@function get-side($val, $side) {
+ $length: length($val);
+
+ @if $length == 1 {
+ @return $val;
+ }
+ @if $length == 2 {
+ @return map-get((
+ top: nth($val, 1),
+ bottom: nth($val, 1),
+ left: nth($val, 2),
+ right: nth($val, 2),
+ ), $side);
+ }
+ @if $length == 3 {
+ @return map-get((
+ top: nth($val, 1),
+ left: nth($val, 2),
+ right: nth($val, 2),
+ bottom: nth($val, 3),
+ ), $side);
+ }
+ @if $length == 4 {
+ @return map-get((
+ top: nth($val, 1),
+ right: nth($val, 2),
+ bottom: nth($val, 3),
+ left: nth($val, 4),
+ ), $side);
+ }
+}
+
+/// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color.
+///
+/// @param {List} $val - Border value to find a value in.
+/// @param {Keyword} $elem - Border component to extract.
+///
+/// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border.
+@function get-border-value($val, $elem) {
+ // Find the width, style, or color and return it
+ @each $v in $val {
+ $type: type-of($v);
+ @if $elem == width and $type == 'number' {
+ @return $v;
+ }
+ @if $elem == style and $type == 'string' {
+ @return $v;
+ }
+ @if $elem == color and $type == 'color' {
+ @return $v;
+ }
+ }
+
+ // Defaults
+ $defaults: (
+ width: 0,
+ style: solid,
+ color: #000,
+ );
+
+ @return map-get($defaults, $elem);
+}
+
+/// Finds a value in a nested map.
+/// @link https://css-tricks.com/snippets/sass/deep-getset-maps/ Deep Get/Set in Maps
+///
+/// @param {Map} $map - Map to pull a value from.
+/// @param {String} $keys... - Keys to use when looking for a value.
+/// @returns {Mixed} The value found in the map.
+@function map-deep-get($map, $keys...) {
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+ @return $map;
+}
+
+/// Casts a map into a list.
+/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/
+///
+/// @param {Map} $map - Map to pull a value from.
+///
+/// @returns {List} Depending on the flag, returns either $keys or $values or both.
+@function map-to-list($map, $keep: 'both') {
+ $keep: if(index('keys' 'values', $keep), $keep, 'both');
+
+ @if type-of($map) == 'map' {
+ $keys: ();
+ $values: ();
+
+ @each $key, $val in $map {
+ $keys: append($keys, $key);
+ $values: append($values, $val);
+ }
+
+ @if $keep == 'keys' {
+ @return $keys;
+ }
+ @else if $keep == 'values' {
+ @return $values;
+ }
+ @else {
+ @return zip($keys, $values);
+ }
+ }
+
+ @return if(type-of($map) != 'list', ($value,), $map);
+
+}
+
+/// Safely return a value from a map.
+///
+/// @param {Map} $map - Map to retrieve a value from.
+/// @param {String} $key - Name of the map key.
+///
+/// @returns {List} Found value.
+@function map-safe-get($map, $key) {
+ @if (type-of($map) == 'map' or (type-of($map) == 'list' and length($map) == 0)) {
+ @if (map-has-key($map, $key)) {
+ @return map-get($map, $key);
+ }
+ @else {
+ @error 'Key: `#{$key}` is not available in `#{$map}`';
+ }
+ }
+ @else {
+ @error '`#{$map}` is not a valid map';
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_cell.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_cell.scss
new file mode 100644
index 0000000..10f70a6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_cell.scss
@@ -0,0 +1,169 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Calculate the percentage size of a cell.
+///
+/// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2 or 1/3.
+@function xy-cell-size(
+ $size: $grid-columns
+) {
+ // Parsing percents, decimals, n of n and number counts
+ @if type-of($size) == 'number' {
+ @if unit($size) == '%' {
+ $size: $size;
+ }
+ @else if $size < 1 {
+ $size: percentage($size);
+ }
+ @else {
+ $size: percentage($size / $grid-columns);
+ }
+ }
+
+ // Parsing "n of n" or "n/n" expressions
+ @elseif type-of($size) == 'list' {
+ @if length($size) != 3 {
+ @error 'Wrong syntax for xy-cell-size(). Use the format "n of n" or "n/n".';
+ }
+ @else {
+ $size: percentage(nth($size, 1) / nth($size, 3));
+ }
+ }
+ // Anything else is incorrect
+ @else {
+ @error 'Wrong syntax for xy-cell-size(). Use a number, decimal, percentage, or "n of n" / "n/n".';
+ }
+
+ @return $size;
+}
+
+/// Sets base flex properties for cells.
+///
+/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto` or `shrink`.
+@mixin xy-cell-base($size: full) {
+ @if($size == 'full') {
+ // This is the base style, all others inherit from it
+ flex: 0 0 auto;
+ min-height: 0px;
+ min-width: 0px;
+ }
+ @elseif ($size == 'auto') {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ @elseif ($size == 'shrink') {
+ flex: 0 0 auto;
+ }
+}
+
+/// Resets a cells width (or height if vertical is true) as well as strips its gutters.
+///
+/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.
+@mixin xy-cell-reset($vertical: true) {
+ $direction: if($vertical == true, width, height);
+ #{$direction}: auto;
+}
+
+// Sets our cell widths or heights depending on gutter type.
+@mixin -xy-cell-properties($size, $margin-gutter, $vertical) {
+ $direction: if($vertical == true, height, width);
+ @if($size == 'full') {
+ $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
+ #{$direction}: $val;
+ }
+ @elseif ($size == 'auto') {
+ #{$direction}: auto;
+ $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
+ }
+ @elseif ($size == 'shrink') {
+ #{$direction}: auto;
+ }
+ @else {
+ $val: if($margin-gutter == 0, #{xy-cell-size($size)}, calc(#{xy-cell-size($size)} - #{rem-calc($margin-gutter)}));
+ #{$direction}: $val;
+ }
+}
+
+/// Creates a cell for your grid.
+///
+/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (default) for 100% width, `auto` to use up available space and `shrink` to use up only required space.
+/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters
+/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
+/// @param {Keyword} $gutter-type [margin] - Map or single value for gutters.
+/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.
+/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.
+/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.
+@mixin xy-cell(
+ $size: full,
+ $gutter-output: true,
+ $gutters: $grid-margin-gutters,
+ $gutter-type: margin,
+ $gutter-position: right left,
+ $breakpoint: null,
+ $vertical: false
+) {
+ @if($breakpoint == null) {
+ // If `$bp-size` is available then use this, otherwise revert to the smallest bp.
+ @if(variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {
+ $breakpoint: $-zf-size;
+ }
+ @else {
+ $breakpoint: $-zf-zero-breakpoint;
+ }
+ }
+
+ // Get our gutters from map if available, if not map just return the value.
+ $gutter: -zf-get-bp-val($gutters, $breakpoint);
+
+ // Base flex properties
+ @include xy-cell-base($size);
+
+ @if($gutter-type == 'margin') {
+ @include -xy-cell-properties($size, $gutter, $vertical);
+ }
+ @else {
+ @include -xy-cell-properties($size, 0, $vertical);
+ }
+
+ @if $gutter-output {
+ @include xy-gutters($gutter, $gutter-type, $gutter-position);
+ }
+}
+
+/// Creates a single breakpoint sized grid. Used to generate our grid classes.
+///
+/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (default) for 100% width, `auto` to use up available space and `shrink` to use up only required space.
+/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters
+/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
+/// @param {Keyword} $gutter-type [margin] - Map or single value for gutters.
+/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.
+/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.
+@mixin xy-cell-static(
+ $size: full,
+ $gutter-output: true,
+ $gutters: $grid-margin-gutters,
+ $gutter-type: margin,
+ $breakpoint: $-zf-zero-breakpoint,
+ $vertical: false
+) {
+
+ $gutter: -zf-get-bp-val($gutters, $breakpoint);
+ $gutter-position: if($vertical == true, top bottom, left right);
+
+ @if($gutter-type == 'margin') {
+ @include -xy-cell-properties($size, $gutter, $vertical);
+ }
+ @else {
+ @include -xy-cell-properties($size, 0, $vertical);
+ }
+
+ // If we want to output the gutters
+ @if($gutter-output) {
+ // TODO: Figure out if we need to pass breakpoint in here too.
+ @include xy-gutters($gutter, $gutter-type, $gutter-position);
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_classes.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_classes.scss
new file mode 100644
index 0000000..ab8b577
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_classes.scss
@@ -0,0 +1,476 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+// Margin Grid classes
+@mixin xy-base-grid-classes {
+
+ // Grid Container
+ .grid-container {
+ @include xy-grid-container;
+
+ &.fluid {
+ @include xy-grid-container(100%);
+ }
+
+ &.full {
+ @include xy-grid-container(100%, 0);
+ }
+ }
+
+ // Base grid styles
+ .grid-x {
+ @include xy-grid;
+ }
+
+ .cell {
+ @include xy-cell-base();
+ @include xy-cell-static($grid-columns, false, $gutter-type: padding);
+
+ &.auto {
+ @include xy-cell-base(auto);
+ }
+
+ &.shrink {
+ @include xy-cell-base(shrink);
+ }
+
+ }
+ .grid-x {
+ > .auto {
+ @include xy-cell-static(auto, false);
+ }
+
+ > .shrink {
+ @include xy-cell-static(shrink, false);
+ }
+ }
+
+ // Auto width
+ @include -zf-each-breakpoint() {
+ // This is a bit of a hack/workaround, see these issues & PRs for the backstory:
+ // https://github.com/zurb/foundation-sites/issues/10244
+ // https://github.com/zurb/foundation-sites/pull/10222 and
+ // https://github.com/zurb/foundation-sites/pull/10164
+ .grid-x {
+ $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
+ @for $i from 1 through $grid-columns {
+ $str: $str + ", > .#{$-zf-size}-#{$i}"
+ }
+ #{$str} {
+ flex-basis: auto;
+ }
+ }
+ }
+
+ @include -zf-each-breakpoint() {
+ @if not($-zf-size == small) {
+ .grid-x > .#{$-zf-size}-auto {
+ @include xy-cell-base(auto);
+ @include xy-cell-static(auto, false);
+ }
+
+ .grid-x > .#{$-zf-size}-shrink {
+ @include xy-cell-base(shrink);
+ @include xy-cell-static(shrink, false);
+ }
+ }
+
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ .grid-x > .#{$-zf-size}-#{$i} {
+ @include xy-cell-static($i, false, $gutter-type: padding);
+ }
+ }
+ }
+
+ // Reset width when using `.grid-margin-x` not on `.grid-x`
+ .grid-margin-x:not(.grid-x) > .cell {
+ width: auto;
+ }
+
+ // Reset height when using `.grid-margin-y` not on `.grid-y`
+ .grid-margin-y:not(.grid-y) > .cell {
+ height: auto;
+ }
+}
+
+@mixin -xy-breakpoint-cell-classes($class-breakpoint, $gutter-breakpoint, $vertical) {
+ $prefix: if($class-breakpoint == $-zf-zero-breakpoint, '', '#{$class-breakpoint}-');
+ > .#{$prefix}auto {
+ @include xy-cell-static(auto, false, $breakpoint: $gutter-breakpoint, $vertical: $vertical);
+ }
+
+ > .#{$prefix}shrink {
+ @include xy-cell-static(shrink, false, $breakpoint: $gutter-breakpoint, $vertical: $vertical);
+ }
+
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ $classname: if($vertical, '.#{$class-breakpoint}-#{$i}', '.#{$class-breakpoint}-#{$i}');
+
+ > #{$classname} {
+ @include xy-cell-static($i, false, $breakpoint: $gutter-breakpoint, $vertical: $vertical);
+ }
+ }
+}
+
+// Margin Grid classes
+@mixin xy-margin-grid-classes(
+ $gutter-position: left right,
+ $vertical: false,
+ $wrapping-selector: '.grid-margin-x'
+){
+ #{$wrapping-selector} {
+ @include xy-gutters($negative: true, $gutter-position: $gutter-position);
+
+ // Base cell styles
+ > .cell {
+ @include xy-cell-static($vertical: $vertical);
+ }
+
+ // base styles need to all be before the auto and shrink styles
+ @include -zf-each-breakpoint() {
+ @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size) and $-zf-size != $-zf-zero-breakpoint) {
+ > .cell {
+ @include xy-cell-static($breakpoint: $-zf-size, $vertical: $vertical);
+ }
+ }
+ }
+
+ @include -zf-each-breakpoint() {
+
+ // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)
+ // for prior breakpoints based on the responsive gutter.
+ @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
+ @each $bp in -zf-breakpoints-less-than($-zf-size) {
+ @if(map-has-key($grid-margin-gutters, $bp)) {
+ @include -xy-breakpoint-cell-classes($bp, $-zf-size, $vertical);
+ }
+ }
+ }
+
+ @include -xy-breakpoint-cell-classes($-zf-size, $-zf-size, $vertical);
+ }
+ }
+}
+
+// Padding Grid classes
+@mixin xy-padding-grid-classes {
+ .grid-padding-x {
+
+ // Negative margin for nested grids
+ .grid-padding-x {
+ @include xy-gutters($negative: true);
+ }
+
+ // Negative margin for grids within `grid-container/grid-container.fluid`
+ // This allows margin and padding grids to line up with eachother
+ .grid-container:not(.full) > & {
+ @include xy-gutters($negative: true);
+ }
+
+ // Base cell styles
+ > .cell {
+ @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding);
+ }
+ }
+}
+
+// Block Grid classes
+@mixin xy-block-grid-classes($margin-grid: true, $padding-grid: true) {
+ @if $padding-grid {
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $xy-block-grid-max {
+ .#{$-zf-size}-up-#{$i} {
+ @include xy-grid-layout($i, '.cell', false, $gutter-type: padding);
+ }
+ }
+ }
+ }
+
+ @if $margin-grid {
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $xy-block-grid-max {
+ // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)
+ // for prior breakpoints based on the responsive gutter.
+ @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
+ @each $bp in -zf-breakpoints-less-than($-zf-size) {
+ @if(map-has-key($grid-margin-gutters, $bp)) {
+ .grid-margin-x.#{$bp}-up-#{$i} {
+ @include xy-grid-layout($i, '.cell', false, $gutter-type: margin, $breakpoint: $bp);
+ }
+ }
+ }
+ }
+ }
+ @for $i from 1 through $xy-block-grid-max {
+ .grid-margin-x.#{$-zf-size}-up-#{$i} {
+ @include xy-grid-layout($i, '.cell', false, $gutter-type: margin, $breakpoint: $-zf-size);
+ }
+ }
+ }
+ }
+}
+
+// Collapse classes
+@mixin xy-collapse-grid-classes($margin-grid: true, $padding-grid: true) {
+ @each $bp in $breakpoint-classes {
+ @if $margin-grid {
+ .#{$bp}-margin-collapse {
+ @include xy-grid-collapse($gutter-type: margin, $min-breakpoint: $bp);
+ }
+ }
+
+ @if $padding-grid {
+ .#{$bp}-padding-collapse {
+ @include xy-grid-collapse($gutter-type: padding, $min-breakpoint: $bp);
+ }
+ }
+ }
+}
+
+// Offset classes
+@mixin xy-offset-cell-classes {
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $grid-columns {
+ // Offsets
+ $o: $i - 1;
+
+ .#{$-zf-size}-offset-#{$o} {
+ @include xy-cell-offset($o, $gutters: $grid-padding-gutters, $gutter-type: padding, $breakpoint: $-zf-size);
+ }
+
+ .grid-margin-x > .#{$-zf-size}-offset-#{$o} {
+ @include xy-cell-offset($o, $breakpoint: $-zf-size);
+ }
+ }
+ }
+}
+
+// Vertical Grid classes
+@mixin xy-vertical-grid-classes(
+ $margin-grid: true,
+ $padding-grid: true
+) {
+
+ @include -zf-each-breakpoint() {
+ @if not($-zf-size == small) {
+ }
+ }
+
+ .grid-y {
+ @include xy-grid(vertical, false);
+
+
+ > .cell {
+ @include xy-cell-reset();
+ }
+
+ > .auto {
+ @include xy-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
+ }
+
+ > .shrink {
+ @include xy-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
+ }
+
+
+ @include -zf-each-breakpoint() {
+ // This is a bit of a hack/workaround, see these issues and PRs for the backstory:
+ // https://github.com/zurb/foundation-sites/issues/10244
+ // https://github.com/zurb/foundation-sites/pull/10222 and
+ // https://github.com/zurb/foundation-sites/pull/10164
+ $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
+ @for $i from 1 through $grid-columns {
+ $str: $str + ", > .#{$-zf-size}-#{$i}"
+ }
+ #{$str} {
+ flex-basis: auto;
+ }
+ }
+
+ @include -zf-each-breakpoint() {
+ @if not($-zf-size == small) {
+ > .#{$-zf-size}-auto {
+ @include xy-cell-base(auto);
+ @include xy-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
+ }
+
+ > .#{$-zf-size}-shrink {
+ @include xy-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
+ }
+
+ }
+
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ > .#{$-zf-size}-#{$i} {
+ @include xy-cell-static($i, false, $vertical: true, $gutter-type: padding);
+ }
+ }
+
+ }
+ }
+
+ @if $padding-grid {
+ .grid-padding-y {
+ // Negative margin for nested grids
+ .grid-padding-y {
+ @include xy-gutters($negative: true, $gutter-position: top bottom);
+ }
+
+ // Base cell styles
+ > .cell {
+ @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding, $gutter-position: top bottom);
+ }
+ }
+ }
+
+ @if $margin-grid {
+ @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');
+ }
+
+}
+
+@mixin xy-frame-grid-classes($vertical-grid: true, $margin-grid: true) {
+ // Framed grid styles
+ .grid-frame {
+ @include xy-grid-frame;
+ }
+
+ .cell .grid-frame {
+ width: 100%; // Same as include with $nested, but with less css
+ }
+
+ .cell-block {
+ @include xy-cell-block();
+ }
+
+ .cell-block-y {
+ @include xy-cell-block(true);
+ }
+
+
+ .cell-block-container {
+ @include xy-cell-block-container();
+ }
+
+
+ @include -zf-each-breakpoint(false) {
+
+ .#{$-zf-size}-grid-frame {
+ @include xy-grid-frame;
+ }
+
+ .cell .#{$-zf-size}-grid-frame {
+ width: 100%; // Same as include with $nested, but with less css
+ }
+
+ .#{$-zf-size}-cell-block {
+ @include xy-cell-block();
+ }
+
+ .#{$-zf-size}-cell-block-container {
+ @include xy-cell-block-container();
+ }
+
+ .#{$-zf-size}-cell-block-y {
+ @include xy-cell-block(true);
+ }
+ }
+
+ @if $vertical-grid {
+ .grid-y {
+ &.grid-frame {
+ width: auto;
+ @include xy-grid-frame(true);
+ }
+
+ @include -zf-each-breakpoint(false) {
+ &.#{$-zf-size}-grid-frame {
+ width: auto;
+ @include xy-grid-frame(true);
+ }
+
+ }
+ }
+ .cell {
+ .grid-y.grid-frame {
+ height: 100%; // Same as include with $nested, but with less css
+ }
+ @include -zf-each-breakpoint(false) {
+ .grid-y.#{$-zf-size}-grid-frame {
+ height: 100%; // Same as include with $nested, but with less css
+ }
+ }
+ }
+ }
+ @if $margin-grid {
+ @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');
+ .grid-frame.grid-margin-y {
+ @include xy-grid-frame(true, false, $grid-margin-gutters, $include-base: false);
+ }
+ @include -zf-each-breakpoint(false) {
+ .grid-margin-y.#{$-zf-size}-grid-frame {
+ @include xy-grid-frame(true, false, $grid-margin-gutters, $-zf-size, false);
+ }
+ }
+ }
+}
+
+// Final classes
+@mixin foundation-xy-grid-classes(
+ $base-grid: true,
+ $margin-grid: true,
+ $padding-grid: true,
+ $block-grid: true,
+ $collapse: true,
+ $offset: true,
+ $vertical-grid: true,
+ $frame-grid: true
+) {
+
+ // Base grid styles
+ @if($base-grid) {
+ @include xy-base-grid-classes();
+ }
+
+ // Margin grid
+ @if($margin-grid) {
+ @include xy-margin-grid-classes();
+ }
+
+ // Padding grid
+ @if($padding-grid) {
+ @include xy-padding-grid-classes();
+ }
+
+ // Block grid
+ @if($block-grid) {
+ @include xy-block-grid-classes($margin-grid, $padding-grid);
+ }
+
+ // Collapse gutters
+ @if($collapse) {
+ @include xy-collapse-grid-classes($margin-grid, $padding-grid);
+ }
+
+ // Offset gutters
+ @if($offset) {
+ @include xy-offset-cell-classes();
+ }
+
+ // Vertical grid
+ @if($vertical-grid) {
+ @include xy-vertical-grid-classes($margin-grid, $padding-grid);
+ }
+
+ @if ($frame-grid) {
+ @include xy-frame-grid-classes($vertical-grid, $margin-grid)
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_collapse.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_collapse.scss
new file mode 100644
index 0000000..d902937
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_collapse.scss
@@ -0,0 +1,74 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Collapses the grid a cells within it.
+///
+/// @param {String} $selector [.cell] - The child element to remove the gutter from.
+/// @param {Keyword} $gutter-type [margin] - The type of gutter to remove.
+/// @param {List} $gutter-position [right left] - The positions to remove gutters from. Accepts `top`, `bottom`, `left`, `right` in any combination.
+@mixin xy-grid-collapse(
+ $selector: '.cell',
+ $gutter-type: margin,
+ $gutter-position: right left,
+ $min-breakpoint: $-zf-zero-breakpoint
+) {
+ // First, lets negate any margins on the top level
+ @if ($gutter-type == 'margin') {
+
+ @include breakpoint($min-breakpoint) {
+ @each $value in $gutter-position {
+ margin-#{$value}: 0;
+ }
+
+ > #{$selector} {
+ @each $value in $gutter-position {
+ margin-#{$value}: 0;
+ }
+ }
+ }
+
+ $excluded-bps: -zf-breakpoints-less-than($min-breakpoint);
+
+ // Output new widths to not include gutters
+ @each $bp in $breakpoint-classes {
+ @if(sl-contain($excluded-bps, $bp)) {
+ @include breakpoint($min-breakpoint) {
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ > .#{$bp}-#{$i} {
+ @include xy-cell-static($i, $gutter-output: false, $gutter-type: padding);
+ }
+ }
+ }
+ } @else {
+ @include breakpoint($bp) {
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ > .#{$bp}-#{$i} {
+ @include xy-cell-static($i, $gutter-output: false, $gutter-type: padding);
+ }
+ }
+ }
+ }
+ }
+ }
+ @else {
+
+ @include breakpoint($min-breakpoint) {
+ @each $value in $gutter-position {
+ margin-#{$value}: 0;
+ }
+
+ > #{$selector} {
+ @each $value in $gutter-position {
+ padding-#{$value}: 0;
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_frame.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_frame.scss
new file mode 100644
index 0000000..76c61e5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_frame.scss
@@ -0,0 +1,85 @@
+/// Modifies a grid to give it "frame" behavior (no overflow, no wrap, stretch behavior)
+///
+/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
+/// @param {Boolean} $nested [false] - Is grid nested or not. If nested is true this sets the frame to 100% height, otherwise will be 100vh.
+/// @param {Number|Map} $gutters [null] - Map or single value for gutters.
+/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from.
+/// @param {Boolean} $include-base [true] - Include the base styles that don't vary per breakpoint.
+@mixin xy-grid-frame(
+ $vertical: false,
+ $nested: false,
+ $gutters: null,
+ $breakpoint: null,
+ $include-base: true
+) {
+
+ @if $include-base {
+ overflow: hidden;
+ position: relative;
+ flex-wrap: nowrap;
+ align-items: stretch;
+ }
+
+ @if $breakpoint == null and type-of($gutters) == 'map' {
+ @include -zf-each-breakpoint() {
+ @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size, false);
+ }
+ } @else {
+ // Get our gutters if applicable
+ $gutter: -zf-get-bp-val($gutters, $breakpoint);
+
+ // If we have a gutter, add it to the width/height
+ @if $gutter {
+ @if $vertical == true {
+ $unit: if($nested == true, 100%, 100vh);
+ $gutter: rem-calc($gutter);
+ height: calc(#{$unit} + #{$gutter});
+ } @else {
+ $unit: if($nested == true, 100%, 100vw);
+ $gutter: rem-calc($gutter);
+ width: calc(#{$unit} + #{$gutter});
+ }
+ }
+ @else {
+ @if $vertical == true {
+ height: if($nested == true, 100%, 100vh);
+ } @else {
+ width: if($nested == true, 100%, 100vw);
+ }
+ }
+ }
+}
+
+/// Modifies a cell to give it "block" behavior (overflow auto, inertial scrolling)
+///
+/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
+@mixin xy-cell-block(
+ $vertical: false
+) {
+ $property: if($vertical == true, 'overflow-y', 'overflow-x');
+
+ @if $vertical == true {
+ overflow-y: auto;
+ max-height: 100%;
+ } @else {
+ overflow-x: auto;
+ max-width: 100%;
+ }
+
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-stype: -ms-autohiding-scrollbar;
+}
+
+/// Container for inside a grid frame containing multiple blocks. Typically used
+/// as a modifier for a `.cell` to allow the cell to pass along flex sizing
+/// constraints / from parents to children.
+@mixin xy-cell-block-container() {
+ display: flex;
+ flex-direction: column;
+ max-height: 100%;
+
+ > .grid-x {
+ max-height: 100%;
+ flex-wrap: nowrap;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_grid.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_grid.scss
new file mode 100644
index 0000000..44186ea
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_grid.scss
@@ -0,0 +1,35 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Creates a max width container, designed to house your grid content.
+///
+/// @param {Number} $width [$grid-container] - a width to limit the container to.
+@mixin xy-grid-container(
+ $width: $grid-container,
+ $padding: $grid-container-padding
+) {
+ @include xy-gutters($gutters: $padding, $gutter-type: padding);
+
+ max-width: $width;
+ margin: 0 auto;
+}
+
+/// Creates a container for your flex cells.
+///
+/// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.
+/// @param {Boolean} $wrap [true] - If the cells within should wrap or not.
+@mixin xy-grid(
+ $direction: horizontal,
+ $wrap: true
+) {
+ $direction: if($direction == 'horizontal', row, column);
+ $wrap: if($wrap, wrap, nowrap);
+
+ display: flex;
+ flex-flow: $direction $wrap;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_gutters.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_gutters.scss
new file mode 100644
index 0000000..3ab987e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_gutters.scss
@@ -0,0 +1,45 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Create gutters for a cell/container.
+///
+/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
+/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts either margin or padding.
+/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.
+/// @param {Boolean} $negative [false] - Whether to apply the gutter as a negative value. Commonly used for nested grids.
+@mixin xy-gutters(
+ $gutters: $grid-margin-gutters,
+ $gutter-type: margin,
+ $gutter-position: right left,
+ $negative: false
+) {
+ $operator: if($negative, '-', '');
+
+ // If we have declared negative gutters, force type to `margin.
+ $gutter-type: if($negative, 'margin', $gutter-type);
+
+ // Output our margin gutters.
+ @if (type-of($gutters) == 'map') {
+ @include -zf-breakpoint-value(auto, $gutters) {
+ $gutter: rem-calc($-zf-bp-value) / 2;
+
+ // Loop through each gutter position
+ @each $value in $gutter-position {
+ #{$gutter-type}-#{$value}: #{$operator}$gutter;
+ }
+ }
+ }
+ @elseif (type-of($gutters) == 'number') {
+ $gutter: rem-calc($gutters) / 2;
+
+ // Loop through each gutter position
+ @each $value in $gutter-position {
+ #{$gutter-type}-#{$value}: #{$operator}$gutter;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_layout.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_layout.scss
new file mode 100644
index 0000000..3b7650e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_layout.scss
@@ -0,0 +1,33 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Sizes child elements so that `$n` number of items appear on each row.
+///
+/// @param {Number} $n - Number of elements to display per row.
+/// @param {String} $selector ['.cell'] - Selector(s) to use for child elements.
+/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters
+/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
+/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin` or `padding`.
+/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.
+/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.
+@mixin xy-grid-layout(
+ $n,
+ $selector: '.cell',
+ $gutter-output: true,
+ $gutters: $grid-margin-gutters,
+ $gutter-type: margin,
+ $gutter-position: right left,
+ $breakpoint: $-zf-zero-breakpoint,
+ $vertical: false
+) {
+ $size: percentage(1/$n);
+
+ & > #{$selector} {
+ @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_position.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_position.scss
new file mode 100644
index 0000000..c9c85ff
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_position.scss
@@ -0,0 +1,28 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Offsets a column to the right/bottom by `$n` columns.
+///
+/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `zf-cell()` mixin, such as `6`, `50%`, or `1 of 2`.
+/// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.
+@mixin xy-cell-offset(
+ $n,
+ $gutters: $grid-margin-gutters,
+ $gutter-type: margin,
+ $breakpoint: $-zf-zero-breakpoint,
+ $vertical: false
+) {
+ $direction: if($vertical, 'top', $global-left);
+
+ @include -zf-breakpoint-value($breakpoint, $gutters) {
+ $gutter: rem-calc($-zf-bp-value) / 2;
+ $size: if($gutter-type == 'margin', calc(#{xy-cell-size($n)} + #{$gutter}), #{xy-cell-size($n)});
+
+ margin-#{$direction}: #{$size};
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_xy-grid.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_xy-grid.scss
new file mode 100644
index 0000000..aa077c6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/xy-grid/_xy-grid.scss
@@ -0,0 +1,51 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group xy-grid
+////
+
+/// Enables the XY grid.
+/// @type Boolean
+$xy-grid: true !default;
+
+/// The maximum width of a grid container.
+/// @type Number
+$grid-container: $global-width !default;
+
+/// The number of columns used in the grid.
+/// @type Number
+$grid-columns: 12 !default;
+
+/// The amount of margin between cells at different screen sizes when using the margin grid. To use just one size, set the variable to a number instead of a map.
+/// @type Map | Length
+$grid-margin-gutters: (
+ small: 20px,
+ medium: 30px
+) !default;
+
+/// The amount of padding in cells at different screen sizes when using the padding grid. To use just one size, set the variable to a number instead of a map.
+/// @type Map | Length
+$grid-padding-gutters: $grid-margin-gutters !default;
+
+/// The amount of padding to use when padding the grid-container.
+/// @type Map | Length
+$grid-container-padding: $grid-padding-gutters !default;
+
+/// The maximum width to apply to a grid container
+/// @type Number
+$grid-container-max: $global-width !default;
+
+/// The maximum number of cells in an XY block grid.
+/// @type Number
+$xy-block-grid-max: 8 !default;
+
+@import 'gutters';
+@import 'grid';
+@import 'cell';
+@import 'frame';
+@import 'position';
+@import 'layout';
+@import 'collapse';
+@import 'classes';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/LICENSE b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/LICENSE
new file mode 100644
index 0000000..e490776
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2013-2017 ZURB, inc.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/motion-ui.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/motion-ui.scss
new file mode 100644
index 0000000..9022a85
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/motion-ui.scss
@@ -0,0 +1,4 @@
+@import "src/motion-ui";
+
+@include motion-ui-transitions;
+@include motion-ui-animations;
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_classes.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_classes.scss
new file mode 100644
index 0000000..35788f6
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_classes.scss
@@ -0,0 +1,109 @@
+// scss-lint:disable ImportantRule, SpaceAfterComma, SingleLinePerProperty
+
+@mixin -motion-ui-defaults {
+ transition-duration: map-get($motion-ui-speeds, default);
+ transition-timing-function: map-get($motion-ui-easings, default);
+}
+
+// Transitions
+// - - - - - - - - - - - - - - -
+@mixin motion-ui-transitions {
+ // Slide
+ .slide-in-down { @include mui-slide(in, down); }
+ .slide-in-left { @include mui-slide(in, right); }
+ .slide-in-up { @include mui-slide(in, up); }
+ .slide-in-right { @include mui-slide(in, left); }
+ .slide-out-down { @include mui-slide(out, down); }
+ .slide-out-right { @include mui-slide(out, right); }
+ .slide-out-up { @include mui-slide(out, up); }
+ .slide-out-left { @include mui-slide(out, left); }
+
+ // Fade
+ .fade-in { @include mui-fade(in, 0, 1); }
+ .fade-out { @include mui-fade(out, 1, 0); }
+
+ // Hinge
+ .hinge-in-from-top { @include mui-hinge(in, top); }
+ .hinge-in-from-right { @include mui-hinge(in, right); }
+ .hinge-in-from-bottom { @include mui-hinge(in, bottom); }
+ .hinge-in-from-left { @include mui-hinge(in, left); }
+ .hinge-in-from-middle-x { @include mui-hinge(in, top, center); }
+ .hinge-in-from-middle-y { @include mui-hinge(in, right, center); }
+ .hinge-out-from-top { @include mui-hinge(out, top); }
+ .hinge-out-from-right { @include mui-hinge(out, right); }
+ .hinge-out-from-bottom { @include mui-hinge(out, bottom); }
+ .hinge-out-from-left { @include mui-hinge(out, left); }
+ .hinge-out-from-middle-x { @include mui-hinge(out, top, center); }
+ .hinge-out-from-middle-y { @include mui-hinge(out, right, center); }
+
+ // Scale
+ .scale-in-up { @include mui-zoom(in, 0.5, 1); }
+ .scale-in-down { @include mui-zoom(in, 1.5, 1); }
+ .scale-out-up { @include mui-zoom(out, 1, 1.5); }
+ .scale-out-down { @include mui-zoom(out, 1, 0.5); }
+
+ // Spin
+ .spin-in { @include mui-spin(in, cw); }
+ .spin-out { @include mui-spin(out, cw); }
+ .spin-in-ccw { @include mui-spin(in, ccw); }
+ .spin-out-ccw { @include mui-spin(out, ccw); }
+
+ // Transition Modifiers
+ // - - - - - - - - - - - - - - -
+
+ @each $name, $value in $motion-ui-speeds {
+ @if $name != default {
+ .#{$name} { transition-duration: $value !important; }
+ }
+ }
+
+ @each $name, $value in $motion-ui-easings {
+ @if $name != default {
+ .#{$name} { transition-timing-function: $value !important; }
+ }
+ }
+
+ @each $name, $value in $motion-ui-delays {
+ @if $name != default {
+ .#{$name}-delay { transition-delay: $value !important; }
+ }
+ }
+}
+
+// Animations
+// - - - - - - - - - - - - - - -
+@mixin motion-ui-animations {
+ .shake { @include mui-animation(shake); }
+ .spin-cw { @include mui-animation(spin); }
+ .spin-ccw { @include mui-animation(spin(ccw)); }
+ .wiggle { @include mui-animation(wiggle); }
+
+ .shake,
+ .spin-cw,
+ .spin-ccw,
+ .wiggle {
+ animation-duration: map-get($motion-ui-speeds, default);
+ }
+
+ // Animation Modifiers
+ // - - - - - - - - - - - - - - -
+ .infinite { animation-iteration-count: infinite; }
+
+ @each $name, $value in $motion-ui-speeds {
+ @if $name != default {
+ .#{$name} { animation-duration: $value !important; }
+ }
+ }
+
+ @each $name, $value in $motion-ui-easings {
+ @if $name != default {
+ .#{$name} { animation-timing-function: $value !important; }
+ }
+ }
+
+ @each $name, $value in $motion-ui-delays {
+ @if $name != default {
+ .#{$name}-delay { animation-delay: $value !important; }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_settings.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_settings.scss
new file mode 100644
index 0000000..a5cc9bf
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/_settings.scss
@@ -0,0 +1,61 @@
+/// Format for CSS classes created with Motion UI.
+/// @type Map
+/// @prop {Boolean} append [true] - Defines if selectors are chained to the selector (`.class.enter`), or appended as a new class (`.class-enter`).
+/// @prop {String} prefix ['mui-'] - Prefix to add before the state of a class. Enter an empty string to use no prefix.
+/// @prop {String} prefix ['-active'] - Suffix to add to the active state class.
+$motion-ui-classes: (
+ chain: true,
+ prefix: 'mui-',
+ active: '-active',
+) !default;
+
+/// State names to reference when writing motion classes. To use multiple class names for one state, enter a list of strings instead of one string.
+/// @type Map
+$motion-ui-states: (
+ in: 'enter',
+ out: 'leave',
+) !default;
+
+/// Default speed that transitions and animations play at, along with values for modifier classes to change the speed.
+/// @type Map
+$motion-ui-speeds: (
+ default: 500ms,
+ slow: 750ms,
+ fast: 250ms,
+) !default;
+
+/// Default delay to add before motion, along with values for modifier classes to change the delay.
+/// @type Map
+$motion-ui-delays: (
+ default: 0,
+ short: 300ms,
+ long: 700ms,
+) !default;
+
+/// Default easing for transitions and animations, along with values for modifier classes to change the easing.
+/// @type Map
+$motion-ui-easings: (
+ default: linear,
+ linear: linear,
+ ease: ease,
+ ease-in: ease-in,
+ ease-out: ease-out,
+ ease-in-out: ease-in-out,
+ bounce-in: cubic-bezier(0.485, 0.155, 0.24, 1.245),
+ bounce-out: cubic-bezier(0.485, 0.155, 0.515, 0.845),
+ bounce-in-out: cubic-bezier(0.76, -0.245, 0.24, 1.245),
+) !default;
+
+/// Miscellaneous settings related to Motion UI.
+/// @type Map
+/// @prop {Boolean} slide-and-fade [false] - Defines if slide motions should also fade in/out.
+/// @prop {Boolean} slide-and-fade [true] - Defines if hinge motions should also fade in/out.
+/// @prop {Boolean} slide-and-fade [true] - Defines if scale motions should also fade in/out.
+/// @prop {Boolean} slide-and-fade [true] - Defines if spin motions should also fade in/out.
+$motion-ui-settings: (
+ slide-and-fade: false,
+ hinge-and-fade: true,
+ scale-and-fade: true,
+ spin-and-fade: true,
+ activate-queue-class: 'is-animating',
+) !default;
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_fade.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_fade.scss
new file mode 100644
index 0000000..4240ecf
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_fade.scss
@@ -0,0 +1,32 @@
+/// Creates a fading animation.
+/// @param {Number} $from [0] - Opacity to start at.
+/// @param {Number} $to [1] - Opacity to end at.
+/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
+@function fade(
+ $from: 0,
+ $to: 1
+) {
+ $type: type-of($from);
+ $keyframes: ();
+
+ @if $type == 'string' {
+ @if $from == in {
+ $from: 0;
+ $to: 1;
+ } @else if $from == out {
+ $from: 1;
+ $to: 0;
+ }
+ }
+
+ $fromName: $from * 100;
+ $toName: $to * 100;
+
+ $keyframes: (
+ name: 'fade-#{$fromName}-to-#{$toName}',
+ 0: (opacity: $from),
+ 100: (opacity: $to),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_hinge.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_hinge.scss
new file mode 100644
index 0000000..c30386b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_hinge.scss
@@ -0,0 +1,65 @@
+/// Creates a hinge effect by rotating the element.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`.
+/// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`.
+/// @param {Number} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced.
+/// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`.
+@function hinge (
+ $state: in,
+ $from: left,
+ $axis: edge,
+ $perspective: 2000px,
+ $turn-origin: from-back
+) {
+ // Rotation directions when hinging from back vs. front
+ $rotation-amount: 90deg;
+ $rotations-back: (
+ top: rotateX($rotation-amount * -1),
+ right: rotateY($rotation-amount * -1),
+ bottom: rotateX($rotation-amount),
+ left: rotateY($rotation-amount),
+ );
+ $rotations-from: (
+ top: rotateX($rotation-amount),
+ right: rotateY($rotation-amount),
+ bottom: rotateX($rotation-amount * -1),
+ left: rotateY($rotation-amount * -1),
+ );
+
+ // Rotation origin
+ $rotation: '';
+ @if $turn-origin == from-front {
+ $rotation: map-get($rotations-from, $from);
+ } @else if $turn-origin == from-back {
+ $rotation: map-get($rotations-back, $from);
+ } @else {
+ @warn '$turn-origin must be either "from-back" or "from-front"';
+ }
+
+ // Start and end state
+ $start: '';
+ $end: '';
+ @if $state == in {
+ $start: perspective($perspective) $rotation;
+ $end: perspective($perspective) rotate(0deg);
+ } @else {
+ $start: perspective($perspective) rotate(0deg);
+ $end: perspective($perspective) $rotation;
+ }
+
+ // Turn axis
+ $origin: '';
+ @if $axis == edge {
+ $origin: $from;
+ } @else {
+ $origin: center;
+ }
+
+ $keyframes: (
+ name: 'hinge-#{$state}-#{$from}-#{$axis}-#{$turn-origin}',
+ 0: (transform: $start, transform-origin: $origin),
+ 100: (transform: $end),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_shake.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_shake.scss
new file mode 100644
index 0000000..66a291c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_shake.scss
@@ -0,0 +1,15 @@
+/// Creates a shaking animation.
+/// @param {Percentage} $intensity [7%] - Intensity of the shake, as a percentage value.
+/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
+@function shake($intensity: 7%) {
+ $right: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90);
+ $left: (5, 15, 25, 35, 45, 55, 65, 75, 85, 95);
+
+ $keyframes: (
+ name: 'shake-#{($intensity / 1%)}',
+ $right: (transform: translateX($intensity)),
+ $left: (transform: translateX(-$intensity)),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_slide.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_slide.scss
new file mode 100644
index 0000000..b54ae58
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_slide.scss
@@ -0,0 +1,41 @@
+/// Creates a sliding animation.
+/// @param {Keyword} $state [in] - Whether to move to (`in`) or from (`out`) the element's default position.
+/// @param {Keyword} $direction [up] - Direction to move. Can be `up`, `down`, `left`, or `right`.
+/// @param {Number} $amount [100%] - Distance to move. Can be any CSS length unit.
+/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
+@function slide(
+ $state: in,
+ $direction: up,
+ $amount: 100%
+) {
+ $from: $amount;
+ $to: 0;
+ $func: 'translateY';
+
+ @if $direction == left or $direction == right {
+ $func: 'translateX';
+ }
+
+ @if $state == out {
+ $from: 0;
+ $to: $amount;
+ }
+
+ @if $direction == down or $direction == right {
+ @if $state == in {
+ $from: -$from;
+ }
+ } @else {
+ @if $state == out {
+ $to: -$to;
+ }
+ }
+
+ $keyframes: (
+ name: 'slide-#{$state}-#{$direction}-#{strip-unit($amount)}',
+ 0: (transform: '#{$func}(#{$from})'),
+ 100: (transform: '#{$func}(#{$to})'),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_spin.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_spin.scss
new file mode 100644
index 0000000..0ceb789
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_spin.scss
@@ -0,0 +1,28 @@
+/// Creates a spinning animation.
+/// @param {Keyword} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise).
+/// @param {Number} $amount [360deg] - Amount to spin. Can be any CSS angle unit.
+/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
+@function spin(
+ $state: in,
+ $direction: cw,
+ $amount: 1turn
+) {
+ $start: 0;
+ $end: 0;
+
+ @if $state == in {
+ $start: if($direction == ccw, $amount, $amount * -1);
+ $end: 0;
+ } @else {
+ $start: 0;
+ $end: if($direction == ccw, $amount * -1, $amount);
+ }
+
+ $keyframes: (
+ name: 'spin-#{$direction}-#{$amount}',
+ 0: (transform: rotate($start)),
+ 100: (transform: rotate($end)),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_wiggle.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_wiggle.scss
new file mode 100644
index 0000000..2866c30
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_wiggle.scss
@@ -0,0 +1,13 @@
+/// Creates a wiggling animation.
+/// @param {Number} $intensity [7deg] - Intensity of the wiggle. Can be any CSS angle unit.
+/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
+@function wiggle($intensity: 7deg) {
+ $keyframes: (
+ name: 'wiggle-#{$intensity}',
+ (40, 50, 60): (transform: rotate($intensity)),
+ (35, 45, 55, 65): (transform: rotate(-$intensity)),
+ (0, 30, 70, 100): (transform: rotate(0)),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_zoom.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_zoom.scss
new file mode 100644
index 0000000..6b3ecdc
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/effects/_zoom.scss
@@ -0,0 +1,15 @@
+/// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller.
+/// @param {Number} $from [1.5] - Size to start at.
+/// @param {Number} $to [1] - Size to end at.
+@function zoom(
+ $from: 0,
+ $to: 1
+) {
+ $keyframes: (
+ name: 'scale-#{$to}-to-#{$from}',
+ 0: (transform: scale($from)),
+ 100: (transform: scale($to)),
+ );
+
+ @return $keyframes;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/motion-ui.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/motion-ui.scss
new file mode 100644
index 0000000..f80ec97
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/motion-ui.scss
@@ -0,0 +1,29 @@
+// Motion UI by ZURB
+// foundation.zurb.com/motion-ui
+// Licensed under MIT Open Source
+
+@import 'settings';
+
+@import 'util/animation';
+@import 'util/args';
+@import 'util/keyframe';
+@import 'util/selector';
+@import 'util/series';
+@import 'util/transition';
+@import 'util/unit';
+
+@import 'effects/fade';
+@import 'effects/hinge';
+@import 'effects/spin';
+@import 'effects/zoom';
+@import 'effects/shake';
+@import 'effects/slide';
+@import 'effects/wiggle';
+
+@import 'transitions/fade';
+@import 'transitions/hinge';
+@import 'transitions/zoom';
+@import 'transitions/slide';
+@import 'transitions/spin';
+
+@import 'classes';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_fade.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_fade.scss
new file mode 100644
index 0000000..c3e5f05
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_fade.scss
@@ -0,0 +1,28 @@
+/// Creates a fade transition by adjusting the opacity of the element.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Number} $from [0] - Opacity to start at. Must be a number between 0 and 1.
+/// @param {Number} $to [1] - Opacity to end on.
+/// @param {Keyword} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin mui-fade(
+ $state: in,
+ $from: 0,
+ $to: 1,
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ $fade: fade($from, $to);
+
+ @include transition-start($state) {
+ @include transition-basics($duration, $timing, $delay);
+ @include -mui-keyframe-get($fade, 0);
+
+ transition-property: opacity;
+ }
+
+ @include transition-end($state) {
+ @include -mui-keyframe-get($fade, 100);
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_hinge.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_hinge.scss
new file mode 100644
index 0000000..534bcb2
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_hinge.scss
@@ -0,0 +1,43 @@
+/// Creates a hinge transition by rotating the element.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`.
+/// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`.
+/// @param {Length} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced.
+/// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`.
+/// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously.
+/// @param {Duration} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin mui-hinge (
+ $state: in,
+ $from: left,
+ $axis: edge,
+ $perspective: 2000px,
+ $turn-origin: from-back,
+ $fade: map-get($motion-ui-settings, hinge-and-fade),
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ $hinge: hinge($state, $from, $axis, $perspective, $turn-origin);
+
+ @include transition-start($state) {
+ @include transition-basics($duration, $timing, $delay);
+ @include -mui-keyframe-get($hinge, 0);
+
+ @if $fade {
+ transition-property: transform, opacity;
+ opacity: if($state == in, 0, 1);
+ } @else {
+ transition-property: transform, opacity;
+ }
+ }
+
+ @include transition-end($state) {
+ @include -mui-keyframe-get($hinge, 100);
+
+ @if $fade {
+ opacity: if($state == in, 1, 0);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_slide.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_slide.scss
new file mode 100644
index 0000000..f00041d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_slide.scss
@@ -0,0 +1,42 @@
+/// Creates a sliding transition by translating the element horizontally or vertically.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Keyword} $direction [left] - Direction to slide to. Can be `up`, `right`, `down`, or `left`.
+/// @param {Length} $amount [100%] - Length of the slide as a percentage value.
+/// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously.
+/// @param {Duration} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin mui-slide (
+ $state: in,
+ $direction: left,
+ $amount: 100%,
+ $fade: map-get($motion-ui-settings, slide-and-fade),
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ $slide: slide($state, $direction, $amount);
+
+ // CSS Output
+ @include transition-start($state) {
+ @include transition-basics($duration, $timing, $delay);
+ @include -mui-keyframe-get($slide, 0);
+
+ @if $fade {
+ transition-property: transform, opacity;
+ opacity: if($state == in, 0, 1);
+ } @else {
+ transition-property: transform, opacity;
+ }
+
+ backface-visibility: hidden;
+ }
+
+ @include transition-end($state) {
+ @include -mui-keyframe-get($slide, 100);
+
+ @if $fade {
+ opacity: if($state == in, 1, 0);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_spin.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_spin.scss
new file mode 100644
index 0000000..82812e0
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_spin.scss
@@ -0,0 +1,39 @@
+/// Creates a spinning transition by rotating the element. The `turn` unit is used to specify how far to rotate. `1turn` is equal to a 360-degree spin.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Boolean} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise).
+/// @param {Number} $amount [0.75turn] - Amount to element the element.
+/// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously.
+/// @param {Duration} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin mui-spin(
+ $state: in,
+ $direction: cw,
+ $amount: 0.75turn,
+ $fade: map-get($motion-ui-settings, spin-and-fade),
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ $spin: spin($state, $direction, $amount);
+
+ @include transition-start($state) {
+ @include transition-basics($duration, $timing, $delay);
+ @include -mui-keyframe-get($spin, 0);
+
+ @if $fade {
+ transition-property: transform, opacity;
+ opacity: if($state == in, 0, 1);
+ } @else {
+ transition-property: transform, opacity;
+ }
+ }
+
+ @include transition-end($state) {
+ @include -mui-keyframe-get($spin, 100);
+
+ @if $fade {
+ opacity: if($state == in, 1, 0);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_zoom.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_zoom.scss
new file mode 100644
index 0000000..db48764
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/transitions/_zoom.scss
@@ -0,0 +1,39 @@
+/// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller.
+/// @param {Keyword} $state [in] - State to transition to.
+/// @param {Number} $from [1.5] - Size to start at.
+/// @param {Number} $from [1] - Size to end at.
+/// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously.
+/// @param {Duration} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin mui-zoom(
+ $state: in,
+ $from: 1.5,
+ $to: 1,
+ $fade: map-get($motion-ui-settings, scale-and-fade),
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ $scale: zoom($from, $to);
+
+ @include transition-start($state) {
+ @include transition-basics($duration, $timing, $delay);
+ @include -mui-keyframe-get($scale, 0);
+
+ @if $fade {
+ transition-property: transform, opacity;
+ opacity: if($state == in, 0, 1);
+ } @else {
+ transition-property: transform, opacity;
+ }
+ }
+
+ @include transition-end($state) {
+ @include -mui-keyframe-get($scale, 100);
+
+ @if $fade {
+ opacity: if($state == in, 1, 0);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_animation.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_animation.scss
new file mode 100644
index 0000000..fa3b73b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_animation.scss
@@ -0,0 +1,7 @@
+/// Creates a keyframe from one or more effect functions and assigns it to the element by adding the `animation-name` property.
+/// @param {Function} $effects... - One or more effect functions to build the keyframe with.
+@mixin mui-animation($args...) {
+ $name: map-get(-mui-process-args($args...), name);
+ @include mui-keyframes($name, $args...);
+ animation-name: unquote($name);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_args.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_args.scss
new file mode 100644
index 0000000..9f4b5a4
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_args.scss
@@ -0,0 +1,15 @@
+/// Processes a series of keyframe function arguments.
+/// @access private
+@function -mui-process-args($args...) {
+ @if length($args) == 1 {
+ $arg: nth($args, 1);
+
+ @if type-of($arg) == 'string' {
+ @return call($arg);
+ } @else if type-of($arg) == 'map' {
+ @return $arg;
+ }
+ }
+
+ @return -mui-keyframe-combine($args...);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_keyframe.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_keyframe.scss
new file mode 100644
index 0000000..e683368
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_keyframe.scss
@@ -0,0 +1,136 @@
+// Internal counter for creating unique keyframe names
+$-mui-custom: 0;
+
+/// Creates a keyframe from one or more effect functions. Use this function instead of `mui-animation` if you want to create a keyframe animation *without* automatically assigning it to the element.
+/// @param {String} $name - Name of the keyframe.
+/// @param {Function} $effects... - One or more effect functions to build the keyframe with.
+@mixin mui-keyframes($name, $effects...) {
+ $obj: -mui-process-args($effects...);
+ $obj: map-remove($obj, name);
+
+ @keyframes #{$name} {
+ // Now iterate through each keyframe percentage
+ @each $pct, $props in $obj {
+ #{-mui-keyframe-pct($pct)} {
+ // Lastly, iterate through each CSS property within a percentage and print it out
+ @each $prop, $value in $props {
+ #{$prop}: #{$value};
+ }
+ }
+ }
+ }
+}
+
+/// Creates a string for a CSS keyframe, by converting a list of numbers to a comma-separated list of percentage values.
+/// @param {Number|List} $input - List of numbers to use.
+/// @return {String} A set of comma-separated percentage values.
+/// @access private
+@function -mui-keyframe-pct($input) {
+ $output: ();
+
+ @if type-of($input) == 'number' {
+ $output: ($input * 1%);
+ } @else if type-of($input) == 'list' {
+ @each $i in $input {
+ $output: append($output, ($i * 1%), comma);
+ }
+ }
+
+ @return $output;
+}
+
+/// Prints the CSS properties from a specific key in a keyframes map. Used to borrow CSS from keyframe functions for use in transitions.
+/// @param {Map} $kf - Keyframe map to extract from.
+/// @param {Number} $key - Key in the map to print the CSS of.
+/// @access private
+@mixin -mui-keyframe-get($kf, $key) {
+ $map: map-get($kf, $key);
+
+ @each $prop, $value in $map or () {
+ // Some keyframe maps store transforms as quoted strings
+ @if type-of($value) == 'string' {
+ $value: unquote($value);
+ }
+ #{$prop}: $value;
+ }
+}
+
+/// Reformats a map containing keys with a list of values, so that each key is a single value.
+/// @param {Map} $map - Map to split up.
+/// @return {Map} A reformatted map.
+/// @access private
+@function -mui-keyframe-split($map) {
+ $new-map: ();
+
+ // Split keys with multiple values into individual keys
+ @each $key, $item in $map {
+ $key-type: type-of($key);
+
+ @if $key-type == 'number' {
+ $new-map: map-merge($new-map, ($key: $item));
+ } @else if $key-type == 'list' {
+ @each $k in $key {
+ $new-map: map-merge($new-map, ($k: $item));
+ }
+ }
+ }
+
+ @return $new-map;
+}
+
+/// Combines a series of keyframe objects into one.
+/// @param {Map} $maps... - A series of maps to merge, as individual parameters.
+/// @return {Map} A combined keyframe object.
+/// @access private
+@function -mui-keyframe-combine($maps...) {
+ $new-map: ();
+
+ // Iterate through each map passed in
+ @each $map in $maps {
+ @if type-of($map) == 'string' {
+ $map: call($map);
+ }
+
+ $map: -mui-keyframe-split($map);
+
+ // Iterate through each keyframe in the map
+ // $key is the keyframe percentage
+ // $value is a map of CSS properties
+ @each $key, $value in $map {
+ $new-value: ();
+
+ @if map-has-key($new-map, $key) {
+ // If the map already has the keyframe %, append the new property
+ $new-value: -mui-merge-properties(map-get($new-map, $key), $value);
+ } @else {
+ // Otherwise, create a new map with the new property
+ $new-value: $value;
+ }
+
+ // Finally, merge the modified keyframe value into the output map
+ $new-map: map-merge($new-map, ($key: $new-value));
+ }
+ }
+
+ // Make a name for the keyframes
+ $-mui-custom: $-mui-custom + 1 !global;
+ $map-name: (name: 'custom-#{$-mui-custom}');
+ $new-map: map-merge($new-map, $map-name);
+
+ @return $new-map;
+}
+
+/// Combines two maps of CSS properties into one map. If both maps have a transform property, the values from each will be combined into one property.
+/// @param {Map} $one - First map to merge.
+/// @param {Map} $two - Second map to merge.
+/// @return {Map} A combined map.
+/// @access private
+@function -mui-merge-properties($one, $two) {
+ @if map-has-key($one, transform) and map-has-key($two, transform) {
+ $transform: join(map-get($one, transform), map-get($two, transform));
+ $one: map-merge($one, (transform: $transform));
+ $two: map-remove($two, transform);
+ }
+
+ @return map-merge($one, $two);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_selector.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_selector.scss
new file mode 100644
index 0000000..d66c463
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_selector.scss
@@ -0,0 +1,23 @@
+/// Builds a selector for a motion class, using the settings defined in the `$motion-ui-classes` and `$motion-ui-states` maps.
+/// @param {String|List} $states - One or more strings that correlate to a state.
+/// @param {Boolean} $active - Defines if the selector is for the setup or active class.
+/// @return {String} A selector that can be interpolated into your Sass code.
+/// @access private
+@function -mui-build-selector($states, $active: false) {
+ $return: '';
+ $chain: map-get($motion-ui-classes, chain);
+ $prefix: map-get($motion-ui-classes, prefix);
+ $suffix: map-get($motion-ui-classes, active);
+
+ @each $sel in $states {
+ $return: $return + if($chain, '&.', '#{&}-') + $prefix + $sel;
+
+ @if $active {
+ $return: $return + if($chain, '.', '#{&}-') + $prefix + $sel + $suffix;
+ }
+
+ $return: $return + ', ';
+ }
+
+ @return str-slice($return, 1, -3);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_series.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_series.scss
new file mode 100644
index 0000000..8baeee3
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_series.scss
@@ -0,0 +1,54 @@
+$-mui-queue: ();
+
+/// Pauses the animation on an element by default, and then plays it when an active class is added to a parent. Also sets the fill mode of the animation to `both`. This pauses the element at the first frame of the animation, and holds it in place at the end.
+/// @access private
+%animated-element {
+ animation-play-state: paused;
+ animation-fill-mode: both;
+
+ .#{map-get($motion-ui-settings, activate-queue-class)} & {
+ animation-play-state: running;
+ }
+}
+
+/// Creates a new animation queue.
+/// @param {Duration} $delay [0s] - Delay in seconds or milliseconds to place at the front of the animation queue.
+@mixin mui-series($delay: 0s) {
+ $-mui-queue: () !global;
+
+ @if $delay > 0 {
+ $item: ($delay, 0s);
+ $-mui-queue: append($-mui-queue, $item) !global;
+ }
+
+ @content;
+}
+
+/// Adds an animation to an animation queue. Only use this mixin inside of `mui-series()`.
+/// @param {Duration} $duration [1s] - Length of the animation.
+/// @param {Duration} $gap [0s] - Amount of time to pause before playing the animation after this one. Use a negative value to make the next effect overlap with the current one.
+/// @param {Function} $keyframes... - One or more effect functions to build the keyframe with.
+@mixin mui-queue(
+ $duration: 1s,
+ $gap: 0s,
+ $keyframes...
+) {
+ // Build the animation
+ $kf: -mui-process-args($keyframes...);
+
+ // Calculate the delay for this animation based on how long the previous ones take
+ $actual-delay: 0s;
+ @each $anim in $-mui-queue {
+ $actual-delay: $actual-delay + nth($anim, 1) + nth($anim, 2);
+ }
+
+ // Append this animation's length and gap to the end of the queue
+ $item: ($duration, $gap);
+ $-mui-queue: append($-mui-queue, $item) !global;
+
+ // CSS output
+ @extend %animated-element;
+ @include mui-animation($kf);
+ animation-duration: $duration;
+ animation-delay: $actual-delay;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_transition.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_transition.scss
new file mode 100644
index 0000000..37ab4a9
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_transition.scss
@@ -0,0 +1,45 @@
+/// Applies basic transition settings to an element.
+/// @param {Duration} $duration [null] - Length (speed) of the transition.
+/// @param {Keyword|Function} $timing [null] - Easing of the transition.
+/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
+@mixin transition-basics(
+ $duration: null,
+ $timing: null,
+ $delay: null
+) {
+ @include -motion-ui-defaults;
+ transition-duration: $duration;
+ transition-timing-function: $timing;
+ transition-delay: $delay;
+}
+
+/// Wraps the content in the setup class for a transition.
+/// @param {Keyword} $dir - State to setup for transition.
+@mixin transition-start($dir) {
+ $selector: -mui-build-selector(map-get($motion-ui-states, $dir));
+
+ @at-root {
+ #{$selector} {
+ @content;
+ }
+ }
+}
+
+/// Wraps the content in the active class for a transition.
+/// @param {Keyword} $dir - State to activate a transition on.
+@mixin transition-end($dir) {
+ $selector: -mui-build-selector(map-get($motion-ui-states, $dir), true);
+
+ @at-root {
+ #{$selector} {
+ @content;
+ }
+ }
+}
+
+/// Adds styles for a stagger animation, which can be used with Angular's `ng-repeat`.
+/// @param {Duration} $delay-amount - Amount of time in seconds or milliseconds to add between each item's animation.
+@mixin stagger($delay-amount) {
+ transition-delay: $delay-amount;
+ transition-duration: 0; // Prevent accidental CSS inheritance
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_unit.scss b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_unit.scss
new file mode 100644
index 0000000..fd39166
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/motion-ui/src/util/_unit.scss
@@ -0,0 +1,7 @@
+/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
+/// @param {Number} $num - Number to strip unit from.
+/// @return {Number} The same number, sans unit.
+/// @access private
+@function strip-unit($num) {
+ @return $num / ($num * 0 + 1);
+}
diff --git a/netbeans.apache.org/src/content/scss/base/_base.scss b/netbeans.apache.org/src/content/scss/base/_base.scss
new file mode 100644
index 0000000..549330d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/base/_base.scss
@@ -0,0 +1,4 @@
+@import "settings";
+
+@import "fonts";
+@import "colors";
diff --git a/netbeans.apache.org/src/content/css/_colors.scss b/netbeans.apache.org/src/content/scss/base/_colors.scss
similarity index 100%
rename from netbeans.apache.org/src/content/css/_colors.scss
rename to netbeans.apache.org/src/content/scss/base/_colors.scss
diff --git a/netbeans.apache.org/src/content/css/_fonts.scss b/netbeans.apache.org/src/content/scss/base/_fonts.scss
similarity index 91%
rename from netbeans.apache.org/src/content/css/_fonts.scss
rename to netbeans.apache.org/src/content/scss/base/_fonts.scss
index a402c51..b50bb45 100644
--- a/netbeans.apache.org/src/content/css/_fonts.scss
+++ b/netbeans.apache.org/src/content/scss/base/_fonts.scss
@@ -1,6 +1,6 @@
$font-family: 'Lato', sans-serif;
$font-size: 12pt;
-$font-size-small: 8pt;
+$font-size-small: 10pt;
$font-family-code: Consolas,Menlo,Monaco,'IBM Plex Mono', Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
diff --git a/netbeans.apache.org/src/content/scss/base/_settings.scss b/netbeans.apache.org/src/content/scss/base/_settings.scss
new file mode 100644
index 0000000..dbd45a7
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/base/_settings.scss
@@ -0,0 +1,864 @@
+// Foundation for Sites Settings
+// Copied and modified from Foundation Sites template
+// See _vendor/foundation-sites/LICENSE
+// -----------------------------
+//
+// Table of Contents:
+//
+// 1. Global
+// 2. Breakpoints
+// 3. The Grid
+// 4. Base Typography
+// 5. Typography Helpers
+// 6. Abide
+// 7. Accordion
+// 8. Accordion Menu
+// 9. Badge
+// 10. Breadcrumbs
+// 11. Button
+// 12. Button Group
+// 13. Callout
+// 14. Card
+// 15. Close Button
+// 16. Drilldown
+// 17. Dropdown
+// 18. Dropdown Menu
+// 19. Flexbox Utilities
+// 20. Forms
+// 21. Label
+// 22. Media Object
+// 23. Menu
+// 24. Meter
+// 25. Off-canvas
+// 26. Orbit
+// 27. Pagination
+// 28. Progress Bar
+// 29. Prototype Arrow
+// 30. Prototype Border-Box
+// 31. Prototype Border-None
+// 32. Prototype Bordered
+// 33. Prototype Display
+// 34. Prototype Font-Styling
+// 35. Prototype List-Style-Type
+// 36. Prototype Overflow
+// 37. Prototype Position
+// 38. Prototype Rounded
+// 39. Prototype Separator
+// 40. Prototype Shadow
+// 41. Prototype Sizing
+// 42. Prototype Spacing
+// 43. Prototype Text-Decoration
+// 44. Prototype Text-Transformation
+// 45. Prototype Text-Utilities
+// 46. Responsive Embed
+// 47. Reveal
+// 48. Slider
+// 49. Switch
+// 50. Table
+// 51. Tabs
+// 52. Thumbnail
+// 53. Title Bar
+// 54. Tooltip
+// 55. Top Bar
+// 56. Xy Grid
+
+@import '../_vendor/foundation-sites/scss/util/util';
+
+// 1. Global
+// ---------
+
+$global-font-size: 100%;
+/*$global-width: rem-calc(1200);*/
+$global-width: 62.5rem;
+$global-lineheight: 1.5;
+$foundation-palette: (
+ primary: #1779ba,
+ secondary: #767676,
+ success: #3adb76,
+ warning: #ffae00,
+ alert: #cc4b37,
+);
+$light-gray: #e6e6e6;
+$medium-gray: #cacaca;
+$dark-gray: #8a8a8a;
+$black: #0a0a0a;
+$white: #fefefe;
+$body-background: $white;
+$body-font-color: $black;
+$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
+$body-antialiased: true;
+$global-margin: 1rem;
+$global-padding: 1rem;
+$global-position: 1rem;
+$global-weight-normal: normal;
+$global-weight-bold: bold;
+$global-radius: 0;
+$global-menu-padding: 0.7rem 1rem;
+$global-menu-nested-margin: 1rem;
+$global-text-direction: ltr;
+$global-flexbox: true;
+$global-prototype-breakpoints: false;
+$global-color-pick-contrast-tolerance: 0;
+$print-transparent-backgrounds: true;
+
+@include add-foundation-colors;
+
+// 2. Breakpoints
+// --------------
+
+$breakpoints: (
+ small: 0,
+ medium: 640px,
+ large: 1024px,
+ xlarge: 1200px,
+ xxlarge: 1440px,
+);
+$print-breakpoint: large;
+$breakpoint-classes: (small medium large);
+
+// 3. The Grid
+// -----------
+
+$grid-row-width: $global-width;
+$grid-column-count: 12;
+$grid-column-gutter: (
+ small: 20px,
+ medium: 30px,
+);
+$grid-column-align-edge: true;
+$grid-column-alias: 'columns';
+$block-grid-max: 8;
+
+// 4. Base Typography
+// ------------------
+
+$header-font-family: $body-font-family;
+$header-font-weight: $global-weight-normal;
+$header-font-style: normal;
+$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
+$header-color: inherit;
+$header-lineheight: 1.4;
+$header-margin-bottom: 0.5rem;
+$header-styles: (
+ small: (
+ 'h1': ('font-size': 24),
+ 'h2': ('font-size': 20),
+ 'h3': ('font-size': 19),
+ 'h4': ('font-size': 18),
+ 'h5': ('font-size': 17),
+ 'h6': ('font-size': 16),
+ ),
+ medium: (
+ 'h1': ('font-size': 48),
+ 'h2': ('font-size': 40),
+ 'h3': ('font-size': 31),
+ 'h4': ('font-size': 25),
+ 'h5': ('font-size': 20),
+ 'h6': ('font-size': 16),
+ ),
+);
+$header-text-rendering: optimizeLegibility;
+$small-font-size: 80%;
+$header-small-font-color: $medium-gray;
+$paragraph-lineheight: 1.6;
+$paragraph-margin-bottom: 1rem;
+$paragraph-text-rendering: optimizeLegibility;
+$code-color: $black;
+$code-font-family: $font-family-monospace;
+$code-font-weight: $global-weight-normal;
+$code-background: $light-gray;
+$code-border: 1px solid $medium-gray;
+$code-padding: rem-calc(2 5 1);
+$anchor-color: $primary-color;
+$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
+$anchor-text-decoration: none;
+$anchor-text-decoration-hover: none;
+$hr-width: $global-width;
+$hr-border: 1px solid $medium-gray;
+$hr-margin: rem-calc(20) auto;
+$list-lineheight: $paragraph-lineheight;
+$list-margin-bottom: $paragraph-margin-bottom;
+$list-style-type: disc;
+$list-style-position: outside;
+$list-side-margin: 1.25rem;
+$list-nested-side-margin: 1.25rem;
+$defnlist-margin-bottom: 1rem;
+$defnlist-term-weight: $global-weight-bold;
+$defnlist-term-margin-bottom: 0.3rem;
+$blockquote-color: $dark-gray;
+$blockquote-padding: rem-calc(9 20 0 19);
+$blockquote-border: 1px solid $medium-gray;
+$cite-font-size: rem-calc(13);
+$cite-color: $dark-gray;
+$cite-pseudo-content: '\2014 \0020';
+$keystroke-font: $font-family-monospace;
+$keystroke-color: $black;
+$keystroke-background: $light-gray;
+$keystroke-padding: rem-calc(2 4 0);
+$keystroke-radius: $global-radius;
+$abbr-underline: 1px dotted $black;
+
+// 5. Typography Helpers
+// ---------------------
+
+$lead-font-size: $global-font-size * 1.25;
+$lead-lineheight: 1.6;
+$subheader-lineheight: 1.4;
+$subheader-color: $dark-gray;
+$subheader-font-weight: $global-weight-normal;
+$subheader-margin-top: 0.2rem;
+$subheader-margin-bottom: 0.5rem;
+$stat-font-size: 2.5rem;
+
+// 6. Abide
+// --------
+
+$abide-inputs: true;
+$abide-labels: true;
+$input-background-invalid: get-color(alert);
+$form-label-color-invalid: get-color(alert);
+$input-error-color: get-color(alert);
+$input-error-font-size: rem-calc(12);
+$input-error-font-weight: $global-weight-bold;
+
+// 7. Accordion
+// ------------
+
+$accordion-background: $white;
+$accordion-plusminus: true;
+$accordion-title-font-size: rem-calc(12);
+$accordion-item-color: $primary-color;
+$accordion-item-background-hover: $light-gray;
+$accordion-item-padding: 1.25rem 1rem;
+$accordion-content-background: $white;
+$accordion-content-border: 1px solid $light-gray;
+$accordion-content-color: $body-font-color;
+$accordion-content-padding: 1rem;
+
+// 8. Accordion Menu
+// -----------------
+
+$accordionmenu-padding: $global-menu-padding;
+$accordionmenu-nested-margin: $global-menu-nested-margin;
+$accordionmenu-submenu-padding: $accordionmenu-padding;
+$accordionmenu-arrows: true;
+$accordionmenu-arrow-color: $primary-color;
+$accordionmenu-item-background: null;
+$accordionmenu-border: null;
+$accordionmenu-submenu-toggle-background: null;
+$accordion-submenu-toggle-border: $accordionmenu-border;
+$accordionmenu-submenu-toggle-width: 40px;
+$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;
+$accordionmenu-arrow-size: 6px;
+
+// 9. Badge
+// --------
+
+$badge-background: $primary-color;
+$badge-color: $white;
+$badge-color-alt: $black;
+$badge-palette: $foundation-palette;
+$badge-padding: 0.3em;
+$badge-minwidth: 2.1em;
+$badge-font-size: 0.6rem;
+
+// 10. Breadcrumbs
+// ---------------
+
+$breadcrumbs-margin: 0 0 $global-margin 0;
+$breadcrumbs-item-font-size: rem-calc(11);
+$breadcrumbs-item-color: $primary-color;
+$breadcrumbs-item-color-current: $black;
+$breadcrumbs-item-color-disabled: $medium-gray;
+$breadcrumbs-item-margin: 0.75rem;
+$breadcrumbs-item-uppercase: true;
+$breadcrumbs-item-separator: true;
+$breadcrumbs-item-separator-item: '/';
+$breadcrumbs-item-separator-item-rtl: '\\';
+$breadcrumbs-item-separator-color: $medium-gray;
+
+// 11. Button
+// ----------
+
+$button-font-family: inherit;
+$button-padding: 0.85em 1em;
+$button-margin: 0 0 $global-margin 0;
+$button-fill: solid;
+$button-background: $primary-color;
+$button-background-hover: scale-color($button-background, $lightness: -15%);
+$button-color: $white;
+$button-color-alt: $black;
+$button-radius: $global-radius;
+$button-hollow-border-width: 1px;
+$button-sizes: (
+ tiny: 0.6rem,
+ small: 0.75rem,
+ default: 0.9rem,
+ large: 1.25rem,
+);
+$button-palette: $foundation-palette;
+$button-opacity-disabled: 0.25;
+$button-background-hover-lightness: -20%;
+$button-hollow-hover-lightness: -50%;
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;
+
+// 12. Button Group
+// ----------------
+
+$buttongroup-margin: 1rem;
+$buttongroup-spacing: 1px;
+$buttongroup-child-selector: '.button';
+$buttongroup-expand-max: 6;
+$buttongroup-radius-on-each: true;
+
+// 13. Callout
+// -----------
+
+$callout-background: $white;
+$callout-background-fade: 85%;
+$callout-border: 1px solid rgba($black, 0.25);
+$callout-margin: 0 0 1rem 0;
+$callout-padding: 1rem;
+$callout-font-color: $body-font-color;
+$callout-font-color-alt: $body-background;
+$callout-radius: $global-radius;
+$callout-link-tint: 30%;
+
+// 14. Card
+// --------
+
+$card-background: $white;
+$card-font-color: $body-font-color;
+$card-divider-background: $light-gray;
+$card-border: 1px solid $light-gray;
+$card-shadow: none;
+$card-border-radius: $global-radius;
+$card-padding: $global-padding;
+$card-margin-bottom: $global-margin;
+
+// 15. Close Button
+// ----------------
+
+$closebutton-position: right top;
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+);
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+);
+$closebutton-size: (
+ small: 1.5em,
+ medium: 2em,
+);
+$closebutton-lineheight: 1;
+$closebutton-color: $dark-gray;
+$closebutton-color-hover: $black;
+
+// 16. Drilldown
+// -------------
+
+$drilldown-transition: transform 0.15s linear;
+$drilldown-arrows: true;
+$drilldown-padding: $global-menu-padding;
+$drilldown-nested-margin: 0;
+$drilldown-background: $white;
+$drilldown-submenu-padding: $drilldown-padding;
+$drilldown-submenu-background: $white;
+$drilldown-arrow-color: $primary-color;
+$drilldown-arrow-size: 6px;
+
+// 17. Dropdown
+// ------------
+
+$dropdown-padding: 1rem;
+$dropdown-background: $body-background;
+$dropdown-border: 1px solid $medium-gray;
+$dropdown-font-size: 1rem;
+$dropdown-width: 300px;
+$dropdown-radius: $global-radius;
+$dropdown-sizes: (
+ tiny: 100px,
+ small: 200px,
+ large: 400px,
+);
+
+// 18. Dropdown Menu
+// -----------------
+
+$dropdownmenu-arrows: true;
+$dropdownmenu-arrow-color: $anchor-color;
+$dropdownmenu-arrow-size: 6px;
+$dropdownmenu-arrow-padding: 1.5rem;
+$dropdownmenu-min-width: 200px;
+$dropdownmenu-background: $white;
+$dropdownmenu-submenu-background: $dropdownmenu-background;
+$dropdownmenu-padding: $global-menu-padding;
+$dropdownmenu-nested-margin: 0;
+$dropdownmenu-submenu-padding: $dropdownmenu-padding;
+$dropdownmenu-border: 1px solid $medium-gray;
+$dropdown-menu-item-color-active: get-color(primary);
+$dropdown-menu-item-background-active: transparent;
+
+// 19. Flexbox Utilities
+// ---------------------
+
+$flex-source-ordering-count: 6;
+$flexbox-responsive-breakpoints: true;
+
+// 20. Forms
+// ---------
+
+$fieldset-border: 1px solid $medium-gray;
+$fieldset-padding: rem-calc(20);
+$fieldset-margin: rem-calc(18 0);
+$legend-padding: rem-calc(0 3);
+$form-spacing: rem-calc(16);
+$helptext-color: $black;
+$helptext-font-size: rem-calc(13);
+$helptext-font-style: italic;
+$input-prefix-color: $black;
+$input-prefix-background: $light-gray;
+$input-prefix-border: 1px solid $medium-gray;
+$input-prefix-padding: 1rem;
+$form-label-color: $black;
+$form-label-font-size: rem-calc(14);
+$form-label-font-weight: $global-weight-normal;
+$form-label-line-height: 1.8;
+$select-background: $white;
+$select-triangle-color: $dark-gray;
+$select-radius: $global-radius;
+$input-color: $black;
+$input-placeholder-color: $medium-gray;
+$input-font-family: inherit;
+$input-font-size: rem-calc(16);
+$input-font-weight: $global-weight-normal;
+$input-line-height: $global-lineheight;
+$input-background: $white;
+$input-background-focus: $white;
+$input-background-disabled: $light-gray;
+$input-border: 1px solid $medium-gray;
+$input-border-focus: 1px solid $dark-gray;
+$input-padding: $form-spacing / 2;
+$input-shadow: inset 0 1px 2px rgba($black, 0.1);
+$input-shadow-focus: 0 0 5px $medium-gray;
+$input-cursor-disabled: not-allowed;
+$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+$input-number-spinners: true;
+$input-radius: $global-radius;
+$form-button-radius: $global-radius;
+
+// 21. Label
+// ---------
+
+$label-background: $primary-color;
+$label-color: $white;
+$label-color-alt: $black;
+$label-palette: $foundation-palette;
+$label-font-size: 0.8rem;
+$label-padding: 0.33333rem 0.5rem;
+$label-radius: $global-radius;
+
+// 22. Media Object
+// ----------------
+
+$mediaobject-margin-bottom: $global-margin;
+$mediaobject-section-padding: $global-padding;
+$mediaobject-image-width-stacked: 100%;
+
+// 23. Menu
+// --------
+
+$menu-margin: 0;
+$menu-nested-margin: $global-menu-nested-margin;
+$menu-items-padding: $global-menu-padding;
+$menu-simple-margin: 1rem;
+$menu-item-color-active: $white;
+$menu-item-background-active: get-color(primary);
+$menu-icon-spacing: 0.25rem;
+$menu-item-background-hover: $light-gray;
+$menu-state-back-compat: true;
+$menu-centered-back-compat: true;
+
+// 24. Meter
+// ---------
+
+$meter-height: 1rem;
+$meter-radius: $global-radius;
+$meter-background: $medium-gray;
+$meter-fill-good: $success-color;
+$meter-fill-medium: $warning-color;
+$meter-fill-bad: $alert-color;
+
+// 25. Off-canvas
+// --------------
+
+$offcanvas-size: 250px;
+$offcanvas-vertical-size: 250px;
+$offcanvas-background: $light-gray;
+$offcanvas-shadow: 0 0 10px rgba($black, 0.7);
+$offcanvas-inner-shadow-size: 20px;
+$offcanvas-inner-shadow-color: rgba($black, 0.25);
+$offcanvas-overlay-zindex: 11;
+$offcanvas-push-zindex: 12;
+$offcanvas-overlap-zindex: 13;
+$offcanvas-reveal-zindex: 12;
+$offcanvas-transition-length: 0.5s;
+$offcanvas-transition-timing: ease;
+$offcanvas-fixed-reveal: true;
+$offcanvas-exit-background: rgba($white, 0.25);
+$maincontent-class: 'off-canvas-content';
+
+// 26. Orbit
+// ---------
+
+$orbit-bullet-background: $medium-gray;
+$orbit-bullet-background-active: $dark-gray;
+$orbit-bullet-diameter: 1.2rem;
+$orbit-bullet-margin: 0.1rem;
+$orbit-bullet-margin-top: 0.8rem;
+$orbit-bullet-margin-bottom: 0.8rem;
+$orbit-caption-background: rgba($black, 0.5);
+$orbit-caption-padding: 1rem;
+$orbit-control-background-hover: rgba($black, 0.5);
+$orbit-control-padding: 1rem;
+$orbit-control-zindex: 10;
+
+// 27. Pagination
+// --------------
+
+$pagination-font-size: rem-calc(14);
+$pagination-margin-bottom: $global-margin;
+$pagination-item-color: $black;
+$pagination-item-padding: rem-calc(3 10);
+$pagination-item-spacing: rem-calc(1);
+$pagination-radius: $global-radius;
+$pagination-item-background-hover: $light-gray;
+$pagination-item-background-current: $primary-color;
+$pagination-item-color-current: $white;
+$pagination-item-color-disabled: $medium-gray;
+$pagination-ellipsis-color: $black;
+$pagination-mobile-items: false;
+$pagination-mobile-current-item: false;
+$pagination-arrows: true;
+
+// 28. Progress Bar
+// ----------------
+
+$progress-height: 1rem;
+$progress-background: $medium-gray;
+$progress-margin-bottom: $global-margin;
+$progress-meter-background: $primary-color;
+$progress-radius: $global-radius;
+
+// 29. Prototype Arrow
+// -------------------
+
+$prototype-arrow-directions: (
+ down,
+ up,
+ right,
+ left
+);
+$prototype-arrow-size: 0.4375rem;
+$prototype-arrow-color: $black;
+
+// 30. Prototype Border-Box
+// ------------------------
+
+$prototype-border-box-breakpoints: $global-prototype-breakpoints;
+
+// 31. Prototype Border-None
+// -------------------------
+
+$prototype-border-none-breakpoints: $global-prototype-breakpoints;
+
+// 32. Prototype Bordered
+// ----------------------
+
+$prototype-bordered-breakpoints: $global-prototype-breakpoints;
+$prototype-border-width: rem-calc(1);
+$prototype-border-type: solid;
+$prototype-border-color: $medium-gray;
+
+// 33. Prototype Display
+// ---------------------
+
+$prototype-display-breakpoints: $global-prototype-breakpoints;
+$prototype-display: (
+ inline,
+ inline-block,
+ block,
+ table,
+ table-cell
+);
+
+// 34. Prototype Font-Styling
+// --------------------------
+
+$prototype-font-breakpoints: $global-prototype-breakpoints;
+$prototype-wide-letter-spacing: rem-calc(4);
+$prototype-font-normal: $global-weight-normal;
+$prototype-font-bold: $global-weight-bold;
+
+// 35. Prototype List-Style-Type
+// -----------------------------
+
+$prototype-list-breakpoints: $global-prototype-breakpoints;
+$prototype-style-type-unordered: (
+ disc,
+ circle,
+ square
+);
+$prototype-style-type-ordered: (
+ decimal,
+ lower-alpha,
+ lower-latin,
+ lower-roman,
+ upper-alpha,
+ upper-latin,
+ upper-roman
+);
+
+// 36. Prototype Overflow
+// ----------------------
+
+$prototype-overflow-breakpoints: $global-prototype-breakpoints;
+$prototype-overflow: (
+ visible,
+ hidden,
+ scroll
+);
+
+// 37. Prototype Position
+// ----------------------
+
+$prototype-position-breakpoints: $global-prototype-breakpoints;
+$prototype-position: (
+ static,
+ relative,
+ absolute,
+ fixed
+);
+$prototype-position-z-index: 975;
+
+// 38. Prototype Rounded
+// ---------------------
+
+$prototype-rounded-breakpoints: $global-prototype-breakpoints;
+$prototype-border-radius: rem-calc(3);
+
+// 39. Prototype Separator
+// -----------------------
+
+$prototype-separator-breakpoints: $global-prototype-breakpoints;
+$prototype-separator-align: center;
+$prototype-separator-height: rem-calc(2);
+$prototype-separator-width: 3rem;
+$prototype-separator-background: $primary-color;
+$prototype-separator-margin-top: $global-margin;
+
+// 40. Prototype Shadow
+// --------------------
+
+$prototype-shadow-breakpoints: $global-prototype-breakpoints;
+$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
+ 0 2px 10px 0 rgba(0,0,0,.12);
+
+// 41. Prototype Sizing
+// --------------------
+
+$prototype-sizing-breakpoints: $global-prototype-breakpoints;
+$prototype-sizing: (
+ width,
+ height
+);
+$prototype-sizes: (
+ 25: 25%,
+ 50: 50%,
+ 75: 75%,
+ 100: 100%
+);
+
+// 42. Prototype Spacing
+// ---------------------
+
+$prototype-spacing-breakpoints: $global-prototype-breakpoints;
+$prototype-spacers-count: 3;
+
+// 43. Prototype Text-Decoration
+// -----------------------------
+
+$prototype-decoration-breakpoints: $global-prototype-breakpoints;
+$prototype-text-decoration: (
+ overline,
+ underline,
+ line-through,
+);
+
+// 44. Prototype Text-Transformation
+// ---------------------------------
+
+$prototype-transformation-breakpoints: $global-prototype-breakpoints;
+$prototype-text-transformation: (
+ lowercase,
+ uppercase,
+ capitalize
+);
+
+// 45. Prototype Text-Utilities
+// ----------------------------
+
+$prototype-utilities-breakpoints: $global-prototype-breakpoints;
+$prototype-text-overflow: ellipsis;
+
+// 46. Responsive Embed
+// --------------------
+
+$responsive-embed-margin-bottom: rem-calc(16);
+$responsive-embed-ratios: (
+ default: 4 by 3,
+ widescreen: 16 by 9,
+);
+
+// 47. Reveal
+// ----------
+
+$reveal-background: $white;
+$reveal-width: 600px;
+$reveal-max-width: $global-width;
+$reveal-padding: $global-padding;
+$reveal-border: 1px solid $medium-gray;
+$reveal-radius: $global-radius;
+$reveal-zindex: 1005;
+$reveal-overlay-background: rgba($black, 0.45);
+
+// 48. Slider
+// ----------
+
+$slider-width-vertical: 0.5rem;
+$slider-transition: all 0.2s ease-in-out;
+$slider-height: 0.5rem;
+$slider-background: $light-gray;
+$slider-fill-background: $medium-gray;
+$slider-handle-height: 1.4rem;
+$slider-handle-width: 1.4rem;
+$slider-handle-background: $primary-color;
+$slider-opacity-disabled: 0.25;
+$slider-radius: $global-radius;
+
+// 49. Switch
+// ----------
+
+$switch-background: $medium-gray;
+$switch-background-active: $primary-color;
+$switch-height: 2rem;
+$switch-height-tiny: 1.5rem;
+$switch-height-small: 1.75rem;
+$switch-height-large: 2.5rem;
+$switch-radius: $global-radius;
+$switch-margin: $global-margin;
+$switch-paddle-background: $white;
+$switch-paddle-offset: 0.25rem;
+$switch-paddle-radius: $global-radius;
+$switch-paddle-transition: all 0.25s ease-out;
+
+// 50. Table
+// ---------
+
+$table-background: $white;
+$table-color-scale: 5%;
+$table-border: 1px solid smart-scale($table-background, $table-color-scale);
+$table-padding: rem-calc(8 10 10);
+$table-hover-scale: 2%;
+$table-row-hover: darken($table-background, $table-hover-scale);
+$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
+$table-is-striped: true;
+$table-striped-background: smart-scale($table-background, $table-color-scale);
+$table-stripe: even;
+$table-head-background: smart-scale($table-background, $table-color-scale / 2);
+$table-head-row-hover: darken($table-head-background, $table-hover-scale);
+$table-foot-background: smart-scale($table-background, $table-color-scale);
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
+$table-head-font-color: $body-font-color;
+$table-foot-font-color: $body-font-color;
+$show-header-for-stacked: false;
+$table-stack-breakpoint: medium;
+
+// 51. Tabs
+// --------
+
+$tab-margin: 0;
+$tab-background: $white;
+$tab-color: $primary-color;
+$tab-background-active: $light-gray;
+$tab-active-color: $primary-color;
+$tab-item-font-size: rem-calc(12);
+$tab-item-background-hover: $white;
+$tab-item-padding: 1.25rem 1.5rem;
+$tab-expand-max: 6;
+$tab-content-background: $white;
+$tab-content-border: $light-gray;
+$tab-content-color: $body-font-color;
+$tab-content-padding: 1rem;
+
+// 52. Thumbnail
+// -------------
+
+$thumbnail-border: solid 4px $white;
+$thumbnail-margin-bottom: $global-margin;
+$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
+$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
+$thumbnail-transition: box-shadow 200ms ease-out;
+$thumbnail-radius: $global-radius;
+
+// 53. Title Bar
+// -------------
+
+$titlebar-background: $black;
+$titlebar-color: $white;
+$titlebar-padding: 0.5rem;
+$titlebar-text-font-weight: bold;
+$titlebar-icon-color: $white;
+$titlebar-icon-color-hover: $medium-gray;
+$titlebar-icon-spacing: 0.25rem;
+
+// 54. Tooltip
+// -----------
+
+$has-tip-cursor: help;
+$has-tip-font-weight: $global-weight-bold;
+$has-tip-border-bottom: dotted 1px $dark-gray;
+$tooltip-background-color: $black;
+$tooltip-color: $white;
+$tooltip-padding: 0.75rem;
+$tooltip-max-width: 10rem;
+$tooltip-font-size: $small-font-size;
+$tooltip-pip-width: 0.75rem;
+$tooltip-pip-height: $tooltip-pip-width * 0.866;
+$tooltip-radius: $global-radius;
+
+// 55. Top Bar
+// -----------
+
+$topbar-padding: 0.5rem;
+$topbar-background: $light-gray;
+$topbar-submenu-background: $topbar-background;
+$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
+$topbar-input-width: 200px;
+$topbar-unstack-breakpoint: medium;
+
+// 56. Xy Grid
+// -----------
+
+$xy-grid: true;
+$grid-container: $global-width;
+$grid-columns: 12;
+$grid-margin-gutters: (
+ small: 20px,
+ medium: 30px
+);
+$grid-padding-gutters: $grid-margin-gutters;
+$block-grid-max: 8;
+
diff --git a/netbeans.apache.org/src/content/scss/common/_netbeans.scss b/netbeans.apache.org/src/content/scss/common/_netbeans.scss
new file mode 100644
index 0000000..03b4388
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/common/_netbeans.scss
@@ -0,0 +1,310 @@
+
+/*
+ Some Foundation 6 customizations.
+ This file needs to be migrated into base, common and components.
+*/
+
+html {
+ font-family: $font-family;
+ font-size: $font-size;
+}
+
+body {
+ font-family: $font-family;
+ font-size: $font-size;
+ background-color: $nb-body-background;
+}
+
+.drilldown a {
+ background-color: $nb-topbar-background;
+}
+
+.top-bar {
+ background-color: $nb-topbar-background;
+ box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025);
+
+ a.title {
+ color: #333;
+ font-weight: bold;
+ font-size: 110%;
+ }
+
+
+ ul {
+ background-color: $nb-topbar-background;
+ }
+
+ a {
+ color: #777;
+ &:hover {
+ color: #777;
+ }
+ }
+}
+
+
+a, a:hover {
+ color: $nb-link-color;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+ font-family: $font-family;
+ color: $nb-color-mid-blue;
+}
+
+code {
+ background-color: transparent;
+ border: 0;
+}
+
+pre {
+ background-color: $nb-pre-background;
+ border: 1px solid $nb-pre-border-color;
+ white-space: pre-wrap;
+ padding: 8px;
+}
+
+.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
+ border-top-color: $nb-link-color;
+}
+
+.top-spacer {
+ margin-top: 64px;
+}
+
+/*@media screen and (min-width: 40em) {*/
+@include breakpoint(medium) {
+ .top-spacer {
+ margin-top: 32px;
+ }
+}
+
+
+/* <improvements-over-foundation-vertical-spacing> */
+p {
+ margin-bottom: 0.5rem;
+}
+
+li p , .ulist ul li p, .arabic li p, dd p {
+ margin-bottom: 0.25em;
+}
+
+dl dt {
+ font-size: 120%;
+ margin-bottom: 0;
+}
+
+.nb-orbit {
+ .orbit-container {
+ .orbit-slide {
+ color: #fff;
+ }
+ }
+}
+
+.ulist {
+ .menu {
+ ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ }
+}
+
+section.hero {
+ color: #fff;
+ position: relative;
+ padding: 75px 0;
+ .grid-container {
+ .cell {
+ h1, p {
+ color: #eee;
+ a {
+ color: #fff;
+ }
+ }
+ }
+ }
+}
+
+.hero.news, .orbit-wrapper {
+ background: url('/images/hero-background.jpg') no-repeat;
+ background-size: cover;
+ background-position: center bottom;
+}
+
+
+
+/*
+ The toc for mobile is horizontal.
+*/
+.toc {
+ max-width: 75%;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ margin: 0 auto;
+ ul {
+ margin: 0;
+ padding: 8px;
+ list-style-type: none;
+ li {
+ display: inline-block;
+ font-size: $font-size-small;
+ color: $nb-color-mid-blue;
+ a {
+ color: $nb-color-darkest-blue;
+ }
+ }
+ }
+}
+
+/*
+ The toc for medium and up is not
+*/
+/*@media screen and (min-width: 40em) {*/
+@include breakpoint(medium) {
+ .toc {
+ border-top: 0px;
+ border-bottom: 0px;
+ border-left: 1px solid #ddd;
+ max-width: 15em;
+ ul {
+ margin-left: 8px;
+ li {
+ display: block;
+ line-height: 1.68em;
+ margin-bottom: 1em;
+ }
+ }
+ }
+}
+
+.valign-top {
+ vertical-align: top;
+}
+
+table tbody tr {
+ border-bottom: 1px solid #f1f1f1;
+}
+
+table tbody tr:nth-child(2n) {
+ background-color: #fff;
+ border-bottom: 1px solid #f1f1f1;
+}
+
+.main-content {
+ padding: 0;
+
+ .sect1 {
+ padding: 16px 32px;
+ }
+
+ .aside {
+ background-color: $nb-color-bg-blue;
+ font-size: 90%;
+ p, div {
+ font-size: $font-size-small;
+ }
+ }
+}
+
+
+.thumbnail {
+ border: 0;
+ box-shadow: none;
+}
+
+/*
+
+ main-content uses CSS Grid Layout (right now).
+ The idea is to have a main area and a sidebar, both responsive.
+ The 'toc' generated with asciidoc (class 'toc') is positioned in the 'area-toc'.
+ We may add additional asides in the template.
+
+ Mobile:
+ [area-news]
+ [area-toc]
+ [area-tools]
+ [area-main]
+ [area-aside]
+
+ Desktop:
+
+ [area-news] [area-news]
+ [area-main] [area-toc]
+ [area-main] [area-aside]
+ [area-tools] [area-tools]
+
+ "news" content is provided in templates/news.gsp
+ "tools" content is provided in templates/tools.gsp
+ "aside" content is currently empty
+
+ Foundations medium media query is (https://foundation.zurb.com/sites/docs/media-queries.html)
+ @media screen and (min-width: 40em) {}
+
+*/
+
+.main-content {
+}
+
+/*@media screen and (min-width: 40em) {*/
+@include breakpoint(medium) {
+ .main-content .toc {
+ float: right;
+ }
+}
+
+
+/*.main-content {
+ display: grid;
+ grid-gap: 8px;
+ grid-template-areas:
+ "area-news"
+ "area-toc"
+ "area-tools"
+ "area-main"
+ ;
+
+ .content {
+ grid-area: area-main;
+ }
+
+ .aside {
+ grid-area: area-news;
+ }
+
+ .tools {
+ grid-area: area-tools;
+ }
+
+ .toc {
+ grid-area: area-toc;
+ }
+}
+
+.toc {
+ grid-area: area-toc;
+}
+
+@media screen and (min-width: 40em) {
+
+ .main-content {
+ grid-template-columns: 3fr 1fr;
+ grid-template-rows: auto auto auto auto;
+ grid-template-areas:
+ "area-news area-news"
+ "area-main area-toc"
+ "area-main area-aside"
+ "area-tools area-tools"
+ ;
+ }
+}*/
+
diff --git a/netbeans.apache.org/src/content/scss/components/_footer.scss b/netbeans.apache.org/src/content/scss/components/_footer.scss
new file mode 100644
index 0000000..add04be
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/components/_footer.scss
@@ -0,0 +1,64 @@
+footer {
+ min-height: 256px;
+ background-color: #333;
+ color: #ddd;
+ padding: 64px 0;
+ margin-top: 64px;
+
+ h1 {
+ font-size: 120%;
+ font-weight: bold;
+ text-transform: uppercase;
+ color: #ddd;
+ }
+
+ ul {
+ list-style-type: none;
+ margin: 0;
+
+ li {
+ margin-bottom: 8px;
+ }
+ }
+
+ a {
+ color: #ddd;
+
+ &:hover {
+ color: #fff;
+ }
+ }
+
+}
+
+.footer-disclaimer {
+ background-color: #000;
+}
+
+.footer-disclaimer-content {
+ margin: 0 auto;
+ padding: 64px 0;
+ display: block;
+ max-width: 75%;
+ font-size: $font-size-small;
+
+ p {
+ margin: 8px 0 0 0;
+ text-align: center;
+ color: #ccc;
+
+ a {
+ color: #fff;
+ }
+ }
+
+ pre {
+ color: #fff;
+ font-size: $font-size-small;
+ }
+
+ img {
+ width: 200px;
+ max-width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/netbeans.apache.org/src/content/scss/netbeans.scss b/netbeans.apache.org/src/content/scss/netbeans.scss
new file mode 100644
index 0000000..c04f892
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/netbeans.scss
@@ -0,0 +1,14 @@
+@charset "UTF-8";
+
+@import "base/base";
+
+@import "_vendor/foundation-sites/scss/foundation";
+@include foundation-everything;
+
+@import "_vendor/motion-ui/motion-ui";
+@include motion-ui-transitions;
+@include motion-ui-animations;
+
+@import "common/netbeans";
+
+@import "components/footer";
\ No newline at end of file
diff --git a/netbeans.apache.org/src/content/templates/head.gsp b/netbeans.apache.org/src/content/templates/head.gsp
index a9182ff..9696d59 100644
--- a/netbeans.apache.org/src/content/templates/head.gsp
+++ b/netbeans.apache.org/src/content/templates/head.gsp
@@ -27,9 +27,7 @@
<meta name="author" content="Apache NetBeans">
<meta name="keywords" content="${content.keywords}">
<meta name="generator" content="Apache NetBeans">
- <link rel="stylesheet" href="/css/foundation.min.css">
<link rel="stylesheet" href="/css/font-awesome.min.css">
- <link rel="stylesheet" href="/css/foundation.min.css">
<link rel="stylesheet" href="/css/netbeans.css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<!--
diff --git a/netbeans.apache.org/src/content/templates/slider.gsp b/netbeans.apache.org/src/content/templates/slider.gsp
index 7f7cf67..d8908ef 100644
--- a/netbeans.apache.org/src/content/templates/slider.gsp
+++ b/netbeans.apache.org/src/content/templates/slider.gsp
@@ -1,5 +1,5 @@
<div class="orbit" role="region" aria-label="Apache NetBeans News" data-orbit>
- <div class="orbit-wrapper nb-orbit" style='background: url("/images/hero-background.jpg") no-repeat bottom/cover'>
+ <div class="orbit-wrapper nb-orbit">
<div class="orbit-controls">
<button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
<button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
@@ -13,10 +13,10 @@
<h1>Apache NetBeans 9.0 Beta released!</h1>
<p>
Apache NetBeans (incubating) 9.0 Beta is the Apache NetBeans incubator release
- of the NetBeans Java SE IDE. With support for <b>Java 9</b>, <b>JShell</b>, <b>JLink</b>,
+ of the NetBeans Java SE IDE.<br>With support for <b>Java 9</b>, <b>JShell</b>, <b>JLink</b>,
<b>Jigsaw</b> and more!
</p>
- <p><a class='button success' href="https://www.apache.org/dyn/closer.cgi/incubator/netbeans/incubating-netbeans-java/incubating-9.0-beta/">Download</a> from your closest Apache mirror.</a></p>
+ <p><a class='button success' href="https://www.apache.org/dyn/closer.cgi/incubator/netbeans/incubating-netbeans-java/incubating-9.0-beta/">Download</a></p>
</div>
</div>
</section>
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@netbeans.apache.org
For additional commands, e-mail: notifications-help@netbeans.apache.org
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists