diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss index 9a51303ce8c7d734a5b23c47acc22fa39af59e4f..476b4613379772300439237e97fcb3c754e5185a 100644 --- a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss +++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss @@ -25,6 +25,7 @@ * { box-sizing: border-box; + break-inside: avoid; } @@ -33,6 +34,12 @@ html, body { // max-height: 11in; margin: 0; padding: 0; + + break-inside: auto; + + @media print { + overflow: hidden; + } } @@ -56,7 +63,7 @@ html { @include var.mixin-display-flex; @include var.mixin-flex-direction(column); - @include var.mixin-flex-wrap(wrap); + @include var.mixin-flex-wrap(no-wrap); @include var.mixin-justify-content(space-evenly); @include var.mixin-align-items(center); @include var.mixin-flex(1); @@ -68,11 +75,14 @@ html { margin: 0; padding: 0; + @media screen { + margin: 1.5cm; + } + div, ul, li { position: relative; @include var.mixin-display-flex; - @include var.mixin-flex-wrap(wrap); @include var.mixin-justify-content(space-evenly); @include var.mixin-align-items(center); @include var.mixin-flex(1); @@ -95,6 +105,11 @@ html { padding: 0; } + a { + color: black; + text-decoration: none; + } + h2, h3, h4, h5, h6 { width: 90%; margin-top: 5px; @@ -109,14 +124,20 @@ html { } div.flex, ul.flex, p.flex { - width: 100%; + width: 100%; } div.subsection, ul.subsection, p.subsection { - margin-top: 10px; - margin-right: 5px; - margin-bottom: 10px; - margin-left: 5px; + margin-top: 5px; + margin-right: 5px; + margin-bottom: 5px; + margin-left: 5px; + } + + .max-width-33 { + min-width: 33%; + width: 100%; + max-width: 33%; } .flex-horizontal { @@ -140,27 +161,31 @@ html { } .flex-align-start { - @include var.mixin-align-items(flex-start); + @include var.mixin-align-items(flex-start); } .flex-align-end { - @include var.mixin-align-items(flex-end); + @include var.mixin-align-items(flex-end); } .flex-justify-space-between { - @include var.mixin-justify-content(space-between); + @include var.mixin-justify-content(space-between); } .flex-justify-space-around { - @include var.mixin-justify-content(space-around); + @include var.mixin-justify-content(space-around); } .flex-justify-space-evenly { - @include var.mixin-justify-content(space-evenly); + @include var.mixin-justify-content(space-evenly); } .flex-wrap { - @include var.mixin-flex-wrap(wrap); + @include var.mixin-flex-wrap(wrap); + } + + ul { + padding-left: 25px; } li.no-bullet { @@ -182,7 +207,8 @@ html { .align-left > h3, .align-left > h4, .align-left > h5, - .align-left > h6 { + .align-left > h6, + .align-left > p { text-align: left; } @@ -191,7 +217,8 @@ html { .align-center > h3, .align-center > h4, .align-center > h5, - .align-center > h6{ + .align-center > h6, + .align-center > p { text-align: center; } @@ -200,10 +227,21 @@ html { .align-right > h3, .align-right > h4, .align-right > h5, - .align-right > h6{ + .align-right > h6, + .align-right > p { text-align: right; } + .align-justify, + .align-justify > h2, + .align-justify > h3, + .align-justify > h4, + .align-justify > h5, + .align-justify > h6, + .align-justify > p { + text-align: justify; + } + .flex-ratio-05 { flex: 5; } @@ -256,6 +294,22 @@ html { margin: 0px !important; } + .margin-01 { + margin: 1px !important; + } + + .margin-02 { + margin: 2px !important; + } + + .margin-03 { + margin: 3px !important; + } + + .margin-04 { + margin: 4px !important; + } + .margin-05 { margin: 5px !important; } @@ -280,6 +334,22 @@ html { padding: 0px !important; } + .padding-01 { + padding: 1px !important; + } + + .padding-02 { + padding: 2px !important; + } + + .padding-03 { + padding: 3px !important; + } + + .padding-04 { + padding: 4px !important; + } + .padding-05 { padding: 5px !important; } diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss index 499bba0e4c3e260127065848217741d8124856df..eb61ad2b82c169ca9889af183686547bfeca434a 100644 --- a/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss +++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss @@ -63,7 +63,7 @@ html { font-size: 20px; } - .descriptor, p.emphasis { + .descriptor, p.emphasis, span.emphasis { font-weight: 800; }