diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
index 086aad46f91cec4a5862ff12e89346e2b6aa2a8c..603213f197e1896ad069e23fec36bfe943547ee2 100644
--- a/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
+++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
@@ -23,232 +23,232 @@
//===========================================//
.color_section {
- @include var.mixin-display-flex;
- @include var.mixin-flex-direction(column);
- @include var.mixin-justify-content(space-evenly);
- @include var.mixin-align-items(center);
-
- width: 100%;
- padding-top: 5px;
- padding-bottom: 5px;
+ @include var.mixin-display-flex;
+ @include var.mixin-flex-direction(column);
+ @include var.mixin-justify-content(space-evenly);
+ @include var.mixin-align-items(center);
+
+ width: 100%;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
* {
- box-sizing: border-box;
+ box-sizing: border-box;
}
html, body {
- max-width: 8.5in;
-// max-height: 11in;
- margin: 0;
- padding: 0;
+ max-width: 8.5in;
+// max-height: 11in;
+ margin: 0;
+ padding: 0;
}
html {
- .page {
- width: 100%;
- max-width: 8.5in;
- height: 10.8in;
- max-height: 10.8in;
- margin: 0.75cm;
- padding: 0;
+ .page {
+ width: 100%;
+ max-width: 8.5in;
+ height: 10.8in;
+ max-height: 10.8in;
+ margin: 0.75cm;
+ padding: 0;
- page-break-after: always;
- }
+ page-break-after: always;
+ }
- // General Styles.
- .page {
+ // General Styles.
+ .page {
- position: relative;
+ position: relative;
- @include var.mixin-display-flex;
- @include var.mixin-flex-direction(column);
- @include var.mixin-flex-wrap(wrap);
- @include var.mixin-justify-content(space-evenly);
- @include var.mixin-align-items(center);
- @include var.mixin-flex(1);
+ @include var.mixin-display-flex;
+ @include var.mixin-flex-direction(column);
+ @include var.mixin-flex-wrap(wrap);
+ @include var.mixin-justify-content(space-evenly);
+ @include var.mixin-align-items(center);
+ @include var.mixin-flex(1);
- width: 100%;
- max-width: 8.5in;
-// height: 100%;
- max-height: 11in;
- margin: 0;
- padding: 0;
+ width: 100%;
+ max-width: 8.5in;
+// height: 100%;
+ max-height: 11in;
+ margin: 0;
+ padding: 0;
- border: 1px solid black;
+ border: 1px solid black;
- div, ul, li {
- position: relative;
+ 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);
+ @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);
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- }
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
- div {
- padding: 5px;
- }
+ div {
+ padding: 5px;
+ }
- p {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- }
+ p {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
- h2, h3, h4 {
- width: 100%;
- margin: 0;
- padding: 0;
- }
+ h2, h3, h4 {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ }
- .flex {
- display: flex;
- }
+ .flex {
+ display: flex;
+ }
- .flex-horizontal {
- flex-direction: row;
+ .flex-horizontal {
+ flex-direction: row;
- hr {
- height: 95%;
- margin-top: 20px;
- margin-right: 15px;
- margin-bottom: 20px;
- margin-left: 15px;
- }
- }
+ hr {
+ height: 95%;
+ margin-top: 20px;
+ margin-right: 15px;
+ margin-bottom: 20px;
+ margin-left: 15px;
+ }
+ }
- .flex-vertical {
- flex-direction: column;
+ .flex-vertical {
+ flex-direction: column;
- hr {
- width: 95%;
- margin-top: 15px;
- margin-right: 20px;
- margin-bottom: 15px;
- margin-left: 20px;
- }
- }
+ hr {
+ width: 95%;
+ margin-top: 15px;
+ margin-right: 20px;
+ margin-bottom: 15px;
+ margin-left: 20px;
+ }
+ }
- hr {
- color: black;
- background-color: black;
- border-color: black;
- }
+ hr {
+ color: black;
+ background-color: black;
+ border-color: black;
+ }
- li.no-bullet {
- list-style-type: none;
- }
+ li.no-bullet {
+ list-style-type: none;
+ }
- span.bold {
- font-weight: bold;
- }
+ span.bold {
+ font-weight: bold;
+ }
- .full-border {
- border: 1px solid black;
- }
+ .full-border {
+ border: 1px solid black;
+ }
- .border-top {
- border-top: 1px solid black;
- }
+ .border-top {
+ border-top: 1px solid black;
+ }
- .border-right {
- border-right: 1px solid black;
- }
+ .border-right {
+ border-right: 1px solid black;
+ }
- .border-bottom {
- border-bottom: 1px solid black;
- }
+ .border-bottom {
+ border-bottom: 1px solid black;
+ }
- .border-left {
- border-left: 1px solid black;
- }
+ .border-left {
+ border-left: 1px solid black;
+ }
- .color-section {
- background-color: grey;
- }
+ .color-section {
+ background-color: grey;
+ }
- .align-left {
- text-align: left;
- }
+ .align-left {
+ text-align: left;
+ }
- .align-center {
- text-align: center;
- }
+ .align-center {
+ text-align: center;
+ }
- .align-right {
- text-align: right;
- }
+ .align-right {
+ text-align: right;
+ }
- .flex-ratio-10 {
- flex: 10;
- }
+ .flex-ratio-10 {
+ flex: 10;
+ }
- .flex-ratio-20 {
- flex: 20;
- }
+ .flex-ratio-20 {
+ flex: 20;
+ }
- .flex-ratio-30 {
- flex: 30;
- }
+ .flex-ratio-30 {
+ flex: 30;
+ }
- .flex-ratio-40 {
- flex: 40;
- }
+ .flex-ratio-40 {
+ flex: 40;
+ }
- .flex-ratio-50 {
- flex: 50;
- }
+ .flex-ratio-50 {
+ flex: 50;
+ }
- .flex-ratio-60 {
- flex: 60;
- }
+ .flex-ratio-60 {
+ flex: 60;
+ }
- .flex-ratio-70 {
- flex: 70;
- }
+ .flex-ratio-70 {
+ flex: 70;
+ }
- .flex-ratio-80 {
- flex: 80;
- }
+ .flex-ratio-80 {
+ flex: 80;
+ }
- .flex-ratio-90 {
- flex: 90;
- }
+ .flex-ratio-90 {
+ flex: 90;
+ }
- .flex-ratio-100 {
- flex: 100;
- }
+ .flex-ratio-100 {
+ flex: 100;
}
+ }
- // Purple blocky theme styles.
- .theme-blocky.purple .page {
+ // Purple blocky theme styles.
+ .theme-blocky.purple .page {
- .full-border, .border-top, .border-right, .border-bottom, .border-left {
- border-color: #27212e;
- }
+ .full-border, .border-top, .border-right, .border-bottom, .border-left {
+ border-color: #27212e;
+ }
- .color-section {
- background-color: #27212e;
+ .color-section {
+ background-color: #27212e;
- h2, h3, h4 {
- color: #fff;
- }
+ h2, h3, h4 {
+ color: #fff;
+ }
- span.bold {
- color: #233d74;
- }
+ span.bold {
+ color: #233d74;
}
}
+ }
}