Update page style

Author: diegoinacio

docs/assets/css/main.css

@@ -1,59 +1,58 @@
-///
-/// Solid State by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Basic */
 
-// MSIE: Required for IEMobile.
-@-ms-viewport {
-width: device-width;
-}
-
-// MSIE: Prevents scrollbar from overlapping content.
-body {
--ms-overflow-style: scrollbar;
-}
-
-// Ensures page width is always >=320px.
-@include breakpoint('<=xsmall') {
-html, body {
-min-width: 320px;
-}
-}
-
-// Set box model to border-box.
-// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
-html {
-box-sizing: border-box;
-}
-
-*, *:before, *:after {
-box-sizing: inherit;
-}
-
-body {
-background-color:_palette(bg);
-
-background-image:linear-gradient(to top, transparentize(_palette(bg), 0.2), transparentize(_palette(bg), 0.2)),
-url('../../images/bg.jpg');
-
-background-size:auto,
-cover;
-
-background-attachment:fixed,
-fixed;
-
-background-position:center,
-center;
-
-// Stops initial animations until page loads.
-&.is-preload {
-*, *:before, *:after {
-@include vendor('animation', 'none !important');
-@include vendor('transition', 'none !important');
-}
-}
-
-}
+// MSIE: Required for IEMobile.
+@-ms-viewport {
+ width: device-width;
+}
+
+// MSIE: Prevents scrollbar from overlapping content.
+body {
+ -ms-overflow-style: scrollbar;
+}
+
+// Ensures page width is always >=320px.
+@include breakpoint("<=xsmall") {
+ html,
+ body {
+ min-width: 320px;
+ }
+}
+
+// Set box model to border-box.
+// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+html {
+ box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+
+body {
+ background-color: _palette(bg);
+
+ background-image: linear-gradient(
+ to top,
+ transparentize(_palette(bg), $bg-transparent),
+ transparentize(_palette(bg), $bg-transparent)
+ ),
+ url("../../images/bg.png");
+
+ background-size: auto, cover;
+
+ background-attachment: fixed, fixed;
+
+ background-position: center, center;
+
+ // Stops initial animations until page loads.
+ &.is-preload {
+ *,
+ *:before,
+ *:after {
+ @include vendor("animation", "none !important");
+ @include vendor("transition", "none !important");
+ }
+ }
+}