altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
542 lines (411 loc) • 8.47 kB
CSS
@font-face {
font-family: 'AltinnRegNo';
src: url('../icons/icons.eot');
src: url('../icons/icons.eot?#iefix') format('embedded-opentype'),
url('../icons/icons.woff2') format('woff2'),
url('../icons/icons.woff') format('woff'),
url('../icons/icons.ttf') format('truetype'),
url('../icons/icons.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
.reg {
display: inline-block;
font: normal normal normal 14px/1 'AltinnRegNo';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.reg-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.reg-2x {
font-size: 2em;
}
.reg-3x {
font-size: 3em;
}
.reg-4x {
font-size: 4em;
}
.reg-5x {
font-size: 5em;
}
.reg-fw {
width: 1.28571429em;
text-align: center;
}
.reg-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.reg-ul> li {
position: relative;
}
.reg-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.reg-li.reg-lg {
left: -1.85714286em;
}
.reg-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.reg.pull-left {
margin-right: .3em;
}
.reg.pull-right {
margin-left: .3em;
}
.reg-spin {
-webkit-animation: reg-spin 2s infinite linear;
animation: reg-spin 2s infinite linear;
}
.reg-pulse {
-webkit-animation: reg-spin 1s infinite steps(8);
animation: reg-spin 1s infinite steps(8);
}
@-webkit-keyframes reg-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes reg-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.reg-rotate-90 {
filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.reg-rotate-180 {
filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.reg-rotate-270 {
filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.reg-flip-horizontal {
filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.reg-flip-vertical {
filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .reg-rotate-90,
:root .reg-rotate-180,
:root .reg-rotate-270,
:root .reg-flip-horizontal,
:root .reg-flip-vertical {
filter: none;
}
.reg-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.reg-stack-1x,
.reg-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.reg-stack-1x {
line-height: inherit;
}
.reg-stack-2x {
font-size: 2em;
}
.reg-inverse {
color: #ffffff;
}
.reg-corp:before {
content: '\f000';
}
.reg-private:before {
content: '\f001';
}
.reg-other:before {
content: '\f002';
}
.reg-phone:before {
content: '\f003';
}
.reg-deadline:before {
content: '\f004';
}
.reg-tax:before {
content: '\f005';
}
.reg-trash:before {
content: '\f006';
}
.reg-forward:before {
content: '\f007';
}
.reg-family:before {
content: '\f008';
}
.reg-attachment:before {
content: '\f009';
}
.reg-exit:before {
content: '\f00a';
}
.reg-search:before {
content: '\f00b';
}
.reg-back:before {
content: '\f00c';
}
.reg-plus:before {
content: '\f00d';
}
.reg-expand:before {
content: '\f00e';
}
.reg-undo:before {
content: '\f00f';
}
.reg-more:before {
content: '\f010';
}
.reg-write:before {
content: '\f011';
}
.reg-sign:before {
content: '\f012';
}
.reg-edit:before {
content: '\f013';
}
.reg-openmessage:before {
content: '\f014';
}
.reg-closedmessage:before {
content: '\f015';
}
.reg-rightup:before {
content: '\f016';
}
.reg-download:before {
content: '\f017';
}
.reg-money:before {
content: '\f018';
}
.reg-help:before {
content: '\f019';
}
.reg-date:before {
content: '\f01a';
}
.reg-linkedin:before {
content: '\f01b';
}
.reg-twitter:before {
content: '\f01c';
}
.reg-facebook:before {
content: '\f01d';
}
.reg-read:before {
content: '\f01e';
}
.reg-archive:before {
content: '\f01f';
}
.reg-server:before {
content: '\f020';
}
.reg-info:before {
content: '\f021';
}
.reg-archive-alt:before {
content: '\f022';
}
.reg-print:before {
content: '\f023';
}
.reg-check:before {
content: '\f024';
}
.reg-upload:before {
content: '\f025';
}
.reg-settings:before {
content: '\f026';
}
.reg-document:before {
content: '\f027';
}
.reg-client:before {
content: '\f028';
}
.reg-send:before {
content: '\f029';
}
.reg-next:before {
content: '\f02a';
}
.reg-keyhole:before {
content: '\f02b';
}
.reg-circle-exit:before {
content: '\f02c';
}
.reg-circle-exclamation:before {
content: '\f02d';
}
.reg-circle-info:before {
content: '\f02e';
}
.reg-circle-popicon:before {
content: '\f02f';
}
.reg-circle-plus:before {
content: '\f030';
}
.reg-circle-minus:before {
content: '\f031';
}
.reg-circle-big-exit:before {
content: '\f032';
}
.reg-circle-big-exclamation:before {
content: '\f033';
}
.reg-circle-big-info:before {
content: '\f034';
}
.reg-circle-big-keyhole:before {
content: '\f035';
}
.reg-circle-big-corp:before {
content: '\f036';
}
.reg-circle-big-private:before {
content: '\f037';
}
.reg-circle-big-popicon:before {
content: '\f038';
}
.reg-circle-big-minus:before {
content: '\f039';
}
.reg-circle-big-expand:before {
content: '\f03a';
}
.reg-attachment-pdf:before {
content: '\f03c';
}
.reg-attachment-csv:before {
content: '\f03d';
}
.reg-attachment-ods:before {
content: '\f03e';
}
.reg-attachment-xml:before {
content: '\f03f';
}
.reg-log:before {
content: '\f040';
}
.reg-forward-msg:before {
content: '\f041';
}
.reg-lock:before {
content: '\f042';
}
.reg-save:before {
content: '\f043';
}
.reg-lock-open:before {
content: '\f044';
}
.reg-edit-form:before {
content: '\f045';
}
.reg-attachedform:before {
content: '\f046';
}
.reg-openfolder:before {
content: '\f047';
}
.reg-closedfolder:before {
content: '\f048';
}
.reg-delete:before {
content: '\f049';
}
.reg-digi-post:before {
content: '\f04a';
}
.reg-fwd-file:before {
content: '\f04b';
}
.reg-e-boks:before {
content: '\f04c';
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}