Newer
Older
m26lebla
committed
@charset "UTF-8";
/**
* Breakpoint Configuration
* @see https://github.com/Team-Sass/breakpoint/wiki
*
/**
* This stylesheet is for styles you want to include only when displaying demo
* styles for grids, animations, color swatches, etc.
* These styles will not be your production CSS.
-webkit-box-sizing: border-box;
box-sizing: border-box;
.demo-animate {
background: #ddd;
border-radius: 8px;
cursor: pointer;
margin-bottom: 1rem;
padding: 1rem;
.sg-colors {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
.sg-colors li {
border: 1px solid #ddd;
border-radius: 0.5rem;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: 0 0.5rem 0.5rem 0;
max-width: 14rem;
border-radius: 0.25rem;
height: auto;
margin-bottom: 0.25rem;
padding: 0.5rem;
.sg-sub {
font-family: Typ1451-Bold,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
padding: 0.25rem 0.125rem 0.25rem 1rem;
}
.sg-info code {
display: block;
font-size: 14.22224px;
margin-bottom: 0.5rem;
}
.sg-info h4 {
font-family: Typ1451-Bold,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
font-size: 0.88889rem;
margin: 0;
padding: 0;
}
.sg-swatch-colors {
background: rgba(255, 255, 255, 0.75);
border-radius: 0.25rem;
height: auto;
padding: 0.75rem;
position: relative;
.sg-swatch-hex {
font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
.sg-swatch-name {
font-family: Typ1451-Bold,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
font-size: 1rem;
margin: 0;
@font-face {
font-family: 'BureauGrotCond Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Condensed_Book.eot"), url("/fonts/Bureau_Grot-Condensed_Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Condensed_Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Condensed_Book.woff") format("woff"), url("/fonts/Bureau_Grot-Condensed_Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Condensed_Book.svg#Bureau_Grot-Condensed_Book") format("svg");
}
@font-face {
font-family: 'BureauGrotWide';
font-style: normal;
font-weight: 300;
src: url("/fonts/Bureau_Grot-Wide_Light.eot"), url("/fonts/Bureau_Grot-Wide_Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Wide_Light.woff2") format("woff2"), url("/fonts/Bureau_Grot-Wide_Light.woff") format("woff"), url("/fonts/Bureau_Grot-Wide_Light.ttf") format("truetype"), url("/fonts/Bureau_Grot-Wide_Light.svg#Bureau_Grot-Wide_Light") format("svg");
}
@font-face {
font-family: 'BureauGrot Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Book.eot"), url("/fonts/Bureau_Grot-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Book.woff") format("woff"), url("/fonts/Bureau_Grot-Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Book.svg#Bureau_Grot-Book") format("svg");
}
@font-face {
font-family: 'BureauGrotCond';
font-style: normal;
font-weight: bold;
src: url("/fonts/Bureau_Grot-Condensed_Bold.eot"), url("/fonts/Bureau_Grot-Condensed_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Condensed_Bold.woff2") format("woff2"), url("/fonts/Bureau_Grot-Condensed_Bold.woff") format("woff"), url("/fonts/Bureau_Grot-Condensed_Bold.ttf") format("truetype"), url("/fonts/Bureau_Grot-Condensed_Bold.svg#Bureau_Grot-Condensed_Bold") format("svg");
}
@font-face {
font-family: 'BureauGrot';
font-style: normal;
font-weight: 300;
src: url("/fonts/Bureau_Grot-Light.eot"), url("/fonts/Bureau_Grot-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Light.woff2") format("woff2"), url("/fonts/Bureau_Grot-Light.woff") format("woff"), url("/fonts/Bureau_Grot-Light.ttf") format("truetype"), url("/fonts/Bureau_Grot-Light.svg#Bureau_Grot-Light") format("svg");
}
@font-face {
font-family: 'BureauGrotWide Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Wide_Book.eot"), url("/fonts/Bureau_Grot-Wide_Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Wide_Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Wide_Book.woff") format("woff"), url("/fonts/Bureau_Grot-Wide_Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Wide_Book.svg#Bureau_Grot-Wide_Book") format("svg");
}
@font-face {
font-family: 'iconic';
font-style: normal;
font-weight: normal;
src: url("/fonts/iconic.eot");
src: url("/fonts/iconic.eot?#iefix") format("embedded-opentype"), url("../fonts/iconic.svg#iconic") format("svg"), url("/fonts/iconic.woff") format("woff"), url("/fonts/iconic.ttf") format("truetype");
}
/* Complete 1451 */
@font-face {
font-family: "Typ1451-Regularalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-regularalternate.eot"), url("/fonts/lineto-typ1451-regularalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regularalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-regularalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Mediumalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-mediumalternate.eot"), url("/fonts/lineto-typ1451-mediumalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-mediumalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-mediumalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Regular";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-regular.eot"), url("/fonts/lineto-typ1451-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regular.woff2") format("woff2"), url("/fonts/lineto-typ1451-regular.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Boldalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-boldalternate.eot"), url("/fonts/lineto-typ1451-boldalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-boldalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-boldalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Medium";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-medium.eot"), url("/fonts/lineto-typ1451-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-medium.woff2") format("woff2"), url("/fonts/lineto-typ1451-medium.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Bold";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-bold.eot"), url("/fonts/lineto-typ1451-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-bold.woff2") format("woff2"), url("/fonts/lineto-typ1451-bold.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Light";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-light.eot"), url("/fonts/lineto-typ1451-light.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-light.woff2") format("woff2"), url("/fonts/lineto-typ1451-light.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Lightalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-lightalternate.eot"), url("/fonts/lineto-typ1451-lightalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-lightalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-lightalternate.woff") format("woff");
}
@font-face {
font-family: "fdsu-rwd";
font-style: normal;
font-weight: normal;
src: url("/fonts/fdsu-rwd.eot"), url("/fonts/fdsu-rwd.eot?#iefix") format("embedded-opentype"), url("/fonts/fdsu-rwd.ttf") format("truetype"), url("/fonts/fdsu-rwd.woff") format("woff"), url("/fonts/fdsu-rwd.svg?#fdsu-rwd") format("svg");
}
.breakpoint {
background-color: rgba(34, 139, 34, 0.7);
color: #fff;
display: block;
font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
font-size: 1rem;
padding: 0.6rem;
position: fixed;
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
z-index: 9;
}
.breakpoint::before {
content: "no break- Phone up";
}
@media (min-width: 30rem) {
.breakpoint {
background-color: rgba(255, 140, 0, 0.7);
}
.breakpoint::before {
content: "xs";
} }
@media (min-width: 40.06rem) {
.breakpoint {
background-color: rgba(178, 34, 34, 0.7);
}
.breakpoint::before {
content: "small";
} }
@media (min-width: 48.06rem) {
.breakpoint {
background-color: rgba(255, 255, 0, 0.7);
color: #000;
}
.breakpoint::before {
content: "medium";
} }
@media (min-width: 63.1875rem) {
.breakpoint {
background-color: rgba(0, 0, 255, 0.7);
color: #fff;
}
.breakpoint::before {
content: "large";
} }
@media (min-width: 75rem) {
.breakpoint {
background-color: rgba(95, 158, 160, 0.7);
color: #fff;
}
.breakpoint::before {
content: "xl";
} }
@media (min-width: 102.5rem) {
.breakpoint {
background-color: rgba(255, 127, 80, 0.7);
color: #fff;
}
content: "xxl";
} }
@media (min-width: 120rem) {
.breakpoint {
background-color: rgba(127, 255, 212, 0.7);
color: #000;
}
.breakpoint::before {
content: "onek - 1K";
} }
@media (min-width: 159.93rem) {
.breakpoint {
background-color: rgba(123, 104, 238, 0.7);
}
.breakpoint::before {
content: "twok - 2K";
} }
@font-face {
font-family: 'BureauGrotCond Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Condensed_Book.eot"), url("/fonts/Bureau_Grot-Condensed_Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Condensed_Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Condensed_Book.woff") format("woff"), url("/fonts/Bureau_Grot-Condensed_Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Condensed_Book.svg#Bureau_Grot-Condensed_Book") format("svg");
}
@font-face {
font-family: 'BureauGrotWide';
font-style: normal;
font-weight: 300;
src: url("/fonts/Bureau_Grot-Wide_Light.eot"), url("/fonts/Bureau_Grot-Wide_Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Wide_Light.woff2") format("woff2"), url("/fonts/Bureau_Grot-Wide_Light.woff") format("woff"), url("/fonts/Bureau_Grot-Wide_Light.ttf") format("truetype"), url("/fonts/Bureau_Grot-Wide_Light.svg#Bureau_Grot-Wide_Light") format("svg");
}
@font-face {
font-family: 'BureauGrot Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Book.eot"), url("/fonts/Bureau_Grot-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Book.woff") format("woff"), url("/fonts/Bureau_Grot-Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Book.svg#Bureau_Grot-Book") format("svg");
}
@font-face {
font-family: 'BureauGrotCond';
font-style: normal;
font-weight: bold;
src: url("/fonts/Bureau_Grot-Condensed_Bold.eot"), url("/fonts/Bureau_Grot-Condensed_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Condensed_Bold.woff2") format("woff2"), url("/fonts/Bureau_Grot-Condensed_Bold.woff") format("woff"), url("/fonts/Bureau_Grot-Condensed_Bold.ttf") format("truetype"), url("/fonts/Bureau_Grot-Condensed_Bold.svg#Bureau_Grot-Condensed_Bold") format("svg");
}
@font-face {
font-family: 'BureauGrot';
font-style: normal;
font-weight: 300;
src: url("/fonts/Bureau_Grot-Light.eot"), url("/fonts/Bureau_Grot-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Light.woff2") format("woff2"), url("/fonts/Bureau_Grot-Light.woff") format("woff"), url("/fonts/Bureau_Grot-Light.ttf") format("truetype"), url("/fonts/Bureau_Grot-Light.svg#Bureau_Grot-Light") format("svg");
}
@font-face {
font-family: 'BureauGrotWide Book';
font-style: normal;
font-weight: normal;
src: url("/fonts/Bureau_Grot-Wide_Book.eot"), url("/fonts/Bureau_Grot-Wide_Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Bureau_Grot-Wide_Book.woff2") format("woff2"), url("/fonts/Bureau_Grot-Wide_Book.woff") format("woff"), url("/fonts/Bureau_Grot-Wide_Book.ttf") format("truetype"), url("/fonts/Bureau_Grot-Wide_Book.svg#Bureau_Grot-Wide_Book") format("svg");
}
@font-face {
font-family: 'iconic';
font-style: normal;
font-weight: normal;
src: url("/fonts/iconic.eot");
src: url("/fonts/iconic.eot?#iefix") format("embedded-opentype"), url("../fonts/iconic.svg#iconic") format("svg"), url("/fonts/iconic.woff") format("woff"), url("/fonts/iconic.ttf") format("truetype");
}
/* Complete 1451 */
@font-face {
font-family: "Typ1451-Regularalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-regularalternate.eot"), url("/fonts/lineto-typ1451-regularalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regularalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-regularalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Mediumalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-mediumalternate.eot"), url("/fonts/lineto-typ1451-mediumalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-mediumalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-mediumalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Regular";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-regular.eot"), url("/fonts/lineto-typ1451-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regular.woff2") format("woff2"), url("/fonts/lineto-typ1451-regular.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Boldalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-boldalternate.eot"), url("/fonts/lineto-typ1451-boldalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-boldalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-boldalternate.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Medium";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-medium.eot"), url("/fonts/lineto-typ1451-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-medium.woff2") format("woff2"), url("/fonts/lineto-typ1451-medium.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Bold";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-bold.eot"), url("/fonts/lineto-typ1451-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-bold.woff2") format("woff2"), url("/fonts/lineto-typ1451-bold.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Light";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-light.eot"), url("/fonts/lineto-typ1451-light.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-light.woff2") format("woff2"), url("/fonts/lineto-typ1451-light.woff") format("woff");
}
@font-face {
font-family: "Typ1451-Lightalternate";
font-style: normal;
font-weight: normal;
src: url("/fonts/lineto-typ1451-lightalternate.eot"), url("/fonts/lineto-typ1451-lightalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-lightalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-lightalternate.woff") format("woff");
}
@font-face {
font-family: "fdsu-rwd";
font-style: normal;
font-weight: normal;
src: url("/fonts/fdsu-rwd.eot"), url("/fonts/fdsu-rwd.eot?#iefix") format("embedded-opentype"), url("/fonts/fdsu-rwd.ttf") format("truetype"), url("/fonts/fdsu-rwd.woff") format("woff"), url("/fonts/fdsu-rwd.svg?#fdsu-rwd") format("svg");
}
.fdsu-vimeo-box::before {
.fdsu-add-to-calendar::before {
.fdsu-envelope::before {
.fdsu-binoculars::before {
.fdsu-search-2::before {
.fdsu-search-shade::before {
.fdsu-arrow-right::before {
.fdsu-googleplus-box::before {
.fdsu-github-box::before {
.fdsu-android::before {
.fdsu-windows::before {
.fdsu-windows8::before {
.fdsu-firefox::before {
.fdsu-si-comm::before {
.fdsu-chevron::before {
.fdsu-comment::before {
.fdsu-facebook::before {
.fdsu-facebook-box::before {
.fdsu-instagram-box::before {
.fdsu-instagram::before {
.fdsu-linkedin::before {
.fdsu-linkedin-box::before {
.fdsu-twitter::before {
.fdsu-twitter-box::before {
.fdsu-youtube-box::before {
.fdsu-youtube::before {
.fdsu-calendar::before {
.fdsu-rss-box::before {
.fdsu-snapchat::before {
.fdsu-si-comp::before {
.fdsu-si-infrastructure::before {
.fdsu-si-professionals::before {
.fdsu-si-security::before {
.fdsu-si-teach::before {
.fdsu-spoon-knife::before {
.fdsu-location::before {
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
code,
kbd,
pre,
samp {
font-family: Consolas, "Lucida Console", "Liberation Mono", "Courier New", monospace, sans-serif;
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
audio,
progress,
video {
display: inline-block;
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
button,
html [type='button'],
[type='reset'],
[type='submit'] {
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
button::-moz-focusring,
[type='button']::-moz-focusring,
[type='reset']::-moz-focusring,
[type='submit']::-moz-focusring {
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
[type='search'] {
-webkit-appearance: textfield;
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
::-webkit-file-upload-button {
-webkit-appearance: button;
abbr,
blockquote,
code,
kbd,
q,
samp,
tt,
var {
-webkit-hyphens: none;
/* stylelint-disable-next-line selector-no-vendor-prefix */
::-moz-selection {
*,
*::before,
*::after {