Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
Deploy robot committed Feb 16, 2021
1 parent 83b07f1 commit f6f7aca
Show file tree
Hide file tree
Showing 8 changed files with 119 additions and 42 deletions.
55 changes: 21 additions & 34 deletions 00/css/modules/footer.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,23 @@
text-decoration: underline;
}
}
.system-footer {
display: flex;
flex-direction: column;
padding-left: round(@grid-gutter-width / 2);
padding-right: round(@grid-gutter-width / 2);
.footer-left {
order: 1;
}
.footer-right {
order: 0;
text-align: center;
}
}
@media(min-width: @screen-sm-min) {
display: block;
padding-top: @line-height-computed;
padding-bottom: @line-height-computed;
.footer-left,
.footer-right {
display: table-cell;
vertical-align: middle;
}
.footer-left {
width: 66.666666%;
}
Expand All @@ -26,41 +34,20 @@
}
}
.system-footer {
display: table;
ul {
margin: 0;
padding: 0;
li {
position: relative;
list-style: none;
display: inline-block;
padding-right: 30px;
&::after {
content: '';
position: absolute;
right: 10px;
top: 5px;
.size(1px, 22px);
.skew(-30deg, 0deg);
}
&:last-child {
&::after {
display: none;
}
}
}
flex-direction: row;
align-items: center;
.footer-left {
order: unset;
}
.footer-right {
order: unset;
text-align: right;
}
p {
margin-bottom: 0;
}
}
}
@media (max-width: @screen-xs-max) {
.system-footer {
padding-left: round(@grid-gutter-width / 2);
padding-right: round(@grid-gutter-width / 2);
}
}
}

.footer-bottom {
Expand Down
50 changes: 50 additions & 0 deletions 00/css/modules/shared-declarations.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -379,3 +379,53 @@ iframe[name="google_conversion_frame"] {
position: relative;
z-index: 55;
}

/* Footer links */
.footer-links {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: round(@grid-gutter-width / 4) 0;
.footer-link {
list-style: none;
display: inline-block;
padding: 0 5px;
&:first-of-type {
padding-left: 0;
}
&:last-of-type {
padding-right: 0;
}
}
}
.footer-left {
.footer-links {
justify-content: center;
@media (min-width: @screen-sm-min) {
justify-content: flex-start;
}
}
}
.footer-icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
.footer-icon {
display: inline-block;
margin: round(@grid-gutter-width / 4);
align-self: center;
}
}
.footer-links-icons {
padding: round(@line-height-computed * 1.5) round(@grid-gutter-width / 2);
.footer-links {
margin-top: 0
}
.footer-icon {
margin-bottom: 0;
}
}
26 changes: 20 additions & 6 deletions 07/css/theme_modules/theme-specific.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,12 +52,26 @@ body {
h5 {
color: @footer-color;
}
.system-footer {
ul {
li {
&::after {
background-color: @footer-color;
}
.footer-link {
padding-right: 30px;
position: relative;
&::after {
content: '';
position: absolute;
right: 10px;
top: 5px;
background-color: @footer-color;
width: 1px;
height: 22px;
-webkit-transform: skewX(-30deg) skewY(0deg);
-ms-transform: skewX(-30deg) skewY(0deg);
-o-transform: skewX(-30deg) skewY(0deg);
transform: skewX(-30deg) skewY(0deg);
}
&:last-child {
padding-right: 0;
&::after {
display: none;
}
}
}
Expand Down
7 changes: 6 additions & 1 deletion 10/css/modules/footer.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,10 @@
}
}
@media(min-width: @screen-sm-min) {
padding-bottom: @line-height-computed;
.footer-icon {
margin-bottom: 0;
margin-top: 0;
}
}
}

Expand All @@ -29,6 +32,8 @@
text-align: center;
}



.footer-bottom {
.clearfixMixin();
@media (min-width: @screen-sm-min) {
Expand Down
3 changes: 3 additions & 0 deletions 10/css/theme_modules/theme-specific.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,9 @@ input[type="checkbox"] {
.footer-section {
border-top-color: @border-color;
}
#footer .footer-section:first-of-type {
border-top-width: 0;
}

#footer {
color: @footer-color;
Expand Down
5 changes: 5 additions & 0 deletions 11/css/modules/footer.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,11 @@
}
}

.footer-links-icons {
border-top-style: solid;
border-top-width: 1px;
}

.footer-bottom {
text-align: center;
padding-top: @line-height-computed;
Expand Down
3 changes: 2 additions & 1 deletion 11/css/theme_modules/theme-specific.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -175,7 +175,8 @@
}

.custom-footer,
.footer-bottom {
.footer-bottom,
.footer-links-icons {
border-color: @border-color;
}

Expand Down
12 changes: 12 additions & 0 deletions 12/css/modules/layout-specific.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1121,6 +1121,18 @@ a.btn {
padding-left: 15px;
}
}
.footer-links-icons {
.footer-links {
.footer-link {
list-style: none;
display: inline-block;
padding: 0 5px;
&::before {
content: none;
}
}
}
}
.contact-box {
ul {
padding-left: 0;
Expand Down

0 comments on commit f6f7aca

Please sign in to comment.