Added admin sites

skolehjem/resources/sass/app/general/_displays.scss

@@ -0,0 +1,29 @@
+.d-flex {
+    display: flex;
+}
+
+.d-none {
+    display: none !important;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+.align-items-center {
+    align-items: center;
+}
+
+.col {
+    display: flex;
+    flex-direction: column;
+}
+
+.cursor-normal {
+    cursor: default;
+}
+
+.cursor-pointer {
+    cursor: pointer;
+}

skolehjem/resources/sass/app/general/_margins.scss

@@ -0,0 +1,83 @@
+.m-auto {
+    margin: auto;
+}
+
+.mr-auto {
+    margin-right: auto;
+}
+
+.ml-auto {
+    margin-left: auto;
+}
+
+.mt-auto {
+    margin-top: auto;
+}
+
+.mb-auto {
+    margin-bottom: auto;
+}
+
+.ml-0 {
+    margin-left: 0;
+}
+
+.mr-0 {
+    margin-right: 0;
+}
+
+.mb-0 {
+    margin-bottom: 0;
+}
+
+.mt-0 {
+    margin-top: 0;
+}
+
+.ml-1 {
+    margin-left: .75rem;
+}
+
+.mr-1 {
+    margin-right: .75rem;
+}
+
+.mb-1 {
+    margin-bottom: .75rem;
+}
+
+.mt-1 {
+    margin-top: .75rem;
+}
+
+.ml-2 {
+    margin-left: 3rem;
+}
+
+.mr-2 {
+    margin-right: 3rem;
+}
+
+.mb-2 {
+    margin-bottom: 3rem;
+}
+
+.mt-2 {
+    margin-top: 3rem;
+}
+
+.ml-3 {
+    margin-left: 3rem;
+}
+
+.mr-3 {
+    margin-right: 4.75rem;
+}
+
+.mb-3 {
+    margin-bottom: 4.75rem;
+}
+
+.mt-3 {
+    margin-top: 4.75rem;
+}

skolehjem/resources/sass/app/general/_sizes.scss

@@ -0,0 +1,59 @@
+* {
+    font-family: $font-family-sans-serif;
+}
+
+html, body {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+::placeholder {
+    opacity: 1;
+}
+
+a {
+    color: #000000;
+    text-decoration: none;
+}
+
+.w-100 {
+    width: 100%;
+}
+
+.w-85 {
+    width: 85%;
+}
+
+.w-75 {
+    width: 75%;
+}
+
+.w-50 {
+    width: 50%;
+}
+
+.w-25 {
+    width: 25%;
+}
+
+.w-15 {
+    width: 15%;
+}
+
+.h-100 {
+    height: 100%;
+}
+
+.h-90 {
+    height: 90%;
+}
+
+.h-10 {
+    height: 10%;
+}
+
+.bg-sde-blue {
+    background-color: $sde-blue;
+}

skolehjem/resources/sass/app/general/_texts.scss

@@ -0,0 +1,43 @@
+.text-white {
+    color: #ffffff;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.sde-blue {
+    color: $sde-blue;
+}
+
+.sde-black-80 {
+    color: $sde-black-80;
+}
+
+.sde-black-20 {
+    color: $sde-black-20;
+}
+
+.regular {
+    font-weight: 400;
+}
+
+.semi-bold {
+    font-weight: 600;
+}
+
+.bold {
+    font-weight: 700;
+}
+
+.toggle__label.sde-blue::before {
+    border-color: $sde-blue;
+}
+
+.sde-blue.toggle__text::before {
+    border-color: $sde-blue;
+}
+
+span.toggle__text.sde-blue {
+    font-size: 5vw;
+}