aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-theme-stack/assets/scss/grid.scss
diff options
context:
space:
mode:
Diffstat (limited to 'themes/hugo-theme-stack/assets/scss/grid.scss')
-rw-r--r--themes/hugo-theme-stack/assets/scss/grid.scss101
1 files changed, 0 insertions, 101 deletions
diff --git a/themes/hugo-theme-stack/assets/scss/grid.scss b/themes/hugo-theme-stack/assets/scss/grid.scss
deleted file mode 100644
index 9284da9..0000000
--- a/themes/hugo-theme-stack/assets/scss/grid.scss
+++ /dev/null
@@ -1,101 +0,0 @@
-.container {
- margin-left: auto;
- margin-right: auto;
-
- .left-sidebar {
- order: -3;
- max-width: var(--left-sidebar-max-width);
- }
-
- .right-sidebar {
- order: -1;
- max-width: var(--right-sidebar-max-width);
-
- /// Display right sidebar when min-width: lg
- @include respond(lg) {
- display: flex;
- }
- }
-
- &.extended {
- @include respond(md) {
- max-width: 1024px;
- --left-sidebar-max-width: 25%;
- --right-sidebar-max-width: 30%;
- }
-
- @include respond(lg) {
- max-width: 1280px;
- --left-sidebar-max-width: 20%;
- --right-sidebar-max-width: 30%;
- }
-
- @include respond(xl) {
- max-width: 1536px;
- --left-sidebar-max-width: 15%;
- --right-sidebar-max-width: 25%;
- }
- }
-
- &.compact {
- @include respond(md) {
- --left-sidebar-max-width: 25%;
- max-width: 768px;
- }
-
- @include respond(lg) {
- max-width: 1024px;
- --left-sidebar-max-width: 20%;
- }
-
- @include respond(xl) {
- max-width: 1280px;
- }
- }
-}
-
-.flex {
- display: flex;
- flex-direction: row;
-
- &.column {
- flex-direction: column;
- }
-
- &.on-phone--column {
- flex-direction: column;
- @include respond(md) {
- flex-direction: unset;
- }
- }
-
- .full-width {
- width: 100%;
- }
-}
-
-main.main {
- order: -2;
- min-width: 0;
- max-width: 100%;
- flex-grow: 1;
- display: flex;
- flex-direction: column;
- gap: var(--section-separation);
-
- @include respond(md) {
- padding-top: var(--main-top-padding);
- }
-}
-
-.main-container {
- min-height: 100vh;
- align-items: flex-start;
- padding: 0 15px;
- gap: var(--section-separation);
- padding-top: var(--main-top-padding);
-
- @include respond(md) {
- padding: 0 20px;
- }
-}