@osserpse/pn-icons/pn-assets/styles/pn-styles.css

Icons and SCSS in PostNord Graphical Guidelines

@font-face {
  font-family: "StagSansWeb-Book";
  src: url("../fonts/web/StagSansWeb-Book.eot?") format("embedded-opentype"), url("../fonts/web/StagSansWeb-Book.woff") format("woff"), url("../fonts/web/StagSansWeb-Book.svg") format("svg"), url("../fonts/web/StagSansWeb-Book.ttf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "StagSansWeb-Medium";
  src: url("../fonts/web/StagSansWeb-Medium.eot?") format("embedded-opentype"), url("../fonts/web/StagSansWeb-Medium.woff") format("woff"), url("../fonts/web/StagSansWeb-Medium.svg") format("svg"), url("../fonts/web/StagSansWeb-Medium.ttf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

html {
  font-family: "StagSansWeb-Book";
  font-size: 62.5%;
}

html body {
  font-size: 1.6rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "StagSansWeb-Medium";
}

.pn-type-mega,
.pn-type-hero,
.pn-type-jumbo,
.pn-type-bigshot,
.pn-type-chief,
.pn-type-common,
.pn-type-small,
.pn-type-tiny {
  font-family: "StagSansWeb-Medium";
  line-height: 1.2;
  margin: 0;
  margin-bottom: 8px;
}

.pn-type-chief-book,
.pn-type-common-book,
p,
.pn-type-small-book,
.pn-type-tiny-book {
  font-family: "StagSansWeb-Book";
  line-height: 1.2;
  margin: 0;
  margin-bottom: 8px;
}

.pn-type-mega {
  font-size: 7.2rem;
  margin-bottom: 16px;
}

.pn-type-hero {
  font-size: 4.8rem;
  margin-bottom: 16px;
}

.pn-type-jumbo {
  font-size: 3.2rem;
  margin-bottom: 16px;
}

.pn-type-bigshot {
  font-size: 2.4rem;
  margin-bottom: 16px;
}

.pn-type-chief,
.pn-type-chief-book {
  font-size: 2rem;
  margin-bottom: 16px;
}

.pn-type-small,
.pn-type-small-book {
  font-size: 1.4rem;
}

.pn-type-tiny,
.pn-type-tiny-book {
  font-size: 1.2rem;
}

html {
  background-color: #f0f0f0;
}

html body {
  margin: 0;
}

html body .pn-main-view {
  margin: 0 auto;
  max-width: 960px;
}

html .pn-page-background--white {
  color: #fff;
}

html .pn-page-background--gray {
  color: #1e1e1e;
}

.pn-box {
  background-color: #fff;
  padding: 16px 32px;
}

.pn-elevation-01 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px 0;
}

.pn-elevation-02 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 10px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 3px 10px 0;
}

.pn-elevation-03 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 16px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 16px 0;
}

.pn-elevation-04 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 12px 32px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 12px 32px 0;
}

.pn-elevation-05 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 16px 48px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 16px 48px 0;
}

input {
  background-color: #ffffff;
  border: 1px solid #dedede;
}
/*# sourceMappingURL=pn-styles.css.map */