Skip to content
Snippets Groups Projects
Commit b60ed8c6 authored by Martin Leblanc's avatar Martin Leblanc Committed by Kevin Paxman
Browse files

ISTWCMS-5062: css for menu footer fix, adjusting icon max widths

parent 169af56d
No related branches found
No related tags found
1 merge request!98ISTWCMS-5062: css for the global footer font sizing, also flex adjustments to...
This diff is collapsed.
Source diff could not be displayed: it is too large. Options to address this: view the blob.
......@@ -40,7 +40,6 @@ $uw-input-padding: 0.46667rem;
padding: $uw-input-padding;
transition: border-color;
width: 100%;
&:focus {
border: 1px solid $uw-input-border-color-focus !important;
box-shadow: inset 0 1px 3px rgba(0,0,0,.06), 0 0 5px rgba(104,104,104,.7);
......
......@@ -66,7 +66,7 @@
grid-column: 1 / 3;
grid-row: 3 / 4;
margin:0 auto;
max-width:16rem;
max-width:13rem;
text-align: center;
width:100%;
@include xs {
......@@ -74,23 +74,15 @@
grid-row: 2 / 3;
}
@include medium {
grid-column: 3 / 4;
grid-row: 1 / 2;
margin:0;
max-width:16rem;
padding-left:gesso-spacing(sm);
text-align: left;
}
@include large {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
}
&__social-directory {
text-align: center;
@include medium {
......
// @file
// Styles for the footer menu.
.menu--uw-footer {
align-items:flex-start;
display:flex;
......@@ -11,7 +10,6 @@
padding-bottom: 1rem;
text-align: center;
text-transform: uppercase;
li {
border-color:gesso-grayscale(gray-6);
border-style: solid;
......@@ -21,96 +19,74 @@
margin: 0;
padding: 1rem;
text-align: center;
&:nth-child(1) {
border-width: 1px 0 0 1px;
}
&:nth-child(2) {
border-width:1px 1px 0;
//order: 2;
}
&:nth-child(3) {
border-width: 1px 0 0 1px;
//order: 3;
}
&:nth-child(4) {
border-width:1px 1px 0;
//order: 4;
}
&:nth-child(5) {
border-width: 1px 0 0 1px;
//order:5;
}
&:nth-child(6) {
border-width: 1px 1px 0;
//order: 1;
}
&:nth-child(7) {
border-width: 1px 0 0 1px;
//order: 2;
}
&:nth-child(8) {
border-width: 1px 1px 0;
//order: 3;
}
&:nth-child(9) {
border-width: 1px;
//order: 4;
}
@include xs {
padding: 0 0 0 1rem;
padding: 0 0 0 0.5rem;
text-align:left;
&:nth-child(1) {
border-width: 0 1px 0 0;
//order:1;
}
&:nth-child(2) {
border-width: 0 1px 0 0;
//order:2;
}
&:nth-child(3) {
border-width: 0 1px 0 0;
//order:3;
}
&:nth-child(4) {
border-width: 0 1px 0 0;
//order:4;
}
&:nth-child(5) {
border-width: 0 1px 0 0;
//order:5;
}
&:nth-child(6) {
border-width: 0 1px 0 0;
//order:1;
}
&:nth-child(7) {
border-width: 0 1px 0 0;
//order:2;
}
&:nth-child(8) {
border-width: 0 1px 0 0;
//order:3;
}
&:nth-child(9) {
border-width: 0 1px 0 0;
//order:4;
}
}
@include medium {
flex: 1 0 33%;
padding: 0 0.25rem 0 1rem;
&:nth-child(1),
&:nth-child(4),
&:nth-child(7){
border-width: 0 1px;
}
}
a {
display:block;
font-family: gesso-font-family(condensedbook);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment