move files to scss

creating this commit so git don't lose track of the changes
2020-05-16 00:32:32 -03:00
parent db73f56860
commit 594580ec2d
8 changed files with 29 additions and 34 deletions
@@ -0,0 +1,117 @@
+@mixin fullpage {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+html {
+    @include fullpage;
+    line-height: 1.35;
+}
+
+body {
+    @include fullpage;
+    overflow-x: hidden;
+    background-color: transparent !important;
+    -webkit-font-smoothing: antialiased;
+}
+
+.material-icons {
+    /* Fix font ligatures on older WebOS versions */
+    -webkit-font-feature-settings: "liga";
+}
+
+.backgroundContainer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    contain: strict;
+}
+
+.layout-mobile,
+.layout-tv {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.mainAnimatedPage {
+    contain: style size !important;
+}
+
+.pageContainer {
+    overflow-x: visible !important;
+}
+
+.bodyWithPopupOpen {
+    overflow-y: hidden !important;
+}
+
+div[data-role="page"] {
+    outline: 0;
+}
+
+.pageTitle {
+    margin-top: 0;
+    font-family: inherit;
+}
+
+.fieldDescription {
+    padding-left: 0.15em;
+    font-weight: 400;
+    white-space: normal !important;
+
+    + .fieldDescription {
+        margin-top: 0.3em;
+    }
+}
+
+.content-primary,
+.padded-bottom-page,
+.page,
+.pageWithAbsoluteTabs .pageTabContent {
+    /* provides room for the music controls */
+    padding-bottom: 5em !important;
+}
+
+.readOnlyContent {
+    @media all and (min-width: 50em) {
+        max-width: 54em;
+    }
+}
+
+form {
+    @media all and (min-width: 50em) {
+        max-width: 54em;
+    }
+}
+
+.headerHelpButton {
+    margin-left: 1.25em !important;
+    padding-bottom: 0.4em !important;
+    padding-top: 0.4em !important;
+}
+
+.mediaInfoContent {
+    margin-left: auto;
+    margin-right: auto;
+    width: 85%;
+}
+
+.headroom {
+    will-change: transform;
+    transition: transform 200ms linear;
+
+    &--pinned {
+        transform: translateY(0%);
+    }
+
+    &--unpinned {
+        transform: translateY(-100%);
+    }
+}