Sanitized line endigs.
This commit is contained in:
		@@ -10,22 +10,22 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
    font-size: 0.75rem;
 | 
			
		||||
 | 
			
		||||
    * {
 | 
			
		||||
        box-sizing: border-box
 | 
			
		||||
        box-sizing: border-box;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    ul {
 | 
			
		||||
        list-style: none
 | 
			
		||||
        list-style: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    a {
 | 
			
		||||
        text-decoration: none
 | 
			
		||||
        text-decoration: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__generic-anchor {
 | 
			
		||||
        color: $-primary-link-color;
 | 
			
		||||
 | 
			
		||||
        &:hover {
 | 
			
		||||
            color: $-primary-line-color
 | 
			
		||||
            color: $-primary-line-color;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@@ -36,12 +36,12 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__list-top {
 | 
			
		||||
        width: 33.333%
 | 
			
		||||
        width: 33.333%;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__list-top > li {
 | 
			
		||||
        text-align: center;
 | 
			
		||||
        padding-bottom: 10px
 | 
			
		||||
        padding-bottom: 10px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__list-header {
 | 
			
		||||
@@ -69,7 +69,7 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        top: 50%;
 | 
			
		||||
        left: 10px;
 | 
			
		||||
        border-top: 1px solid $-primary-line-color;
 | 
			
		||||
        width: calc(100% - 20px)
 | 
			
		||||
        width: calc(100% - 20px);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Include social media icons.
 | 
			
		||||
@@ -121,7 +121,6 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // !! WIP and broken Wurstwasser !!
 | 
			
		||||
    // Social media icons style.
 | 
			
		||||
    .LP-Footer__Icon {
 | 
			
		||||
        background-size: 40px 40px;
 | 
			
		||||
@@ -131,7 +130,6 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        position: absolute;
 | 
			
		||||
        height: 50px;
 | 
			
		||||
        width: 50px;
 | 
			
		||||
        filter: invert(1); // Bullshit, have to properly style the svg.
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Big letters of "EXPLORE WITH US"
 | 
			
		||||
@@ -139,13 +137,13 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        display: flex;
 | 
			
		||||
        align-items: center;
 | 
			
		||||
        font-size: 3.5em;
 | 
			
		||||
        color: $-almost-white
 | 
			
		||||
        color: $-almost-white;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Small letters of "EXPLORE WITH US"
 | 
			
		||||
    &__social-small {
 | 
			
		||||
        font-size: 0.6em;
 | 
			
		||||
        padding: 0px 20px
 | 
			
		||||
        padding: 0px 20px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__social-overlap {
 | 
			
		||||
@@ -164,57 +162,57 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        padding: 10px;
 | 
			
		||||
        border-top: 1px solid $-primary-line-color;
 | 
			
		||||
        margin-top: 10px
 | 
			
		||||
        margin-top: 10px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__bottom-section > div:first-child {
 | 
			
		||||
        margin-right: auto
 | 
			
		||||
        margin-right: auto;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__bottom-wrapper {
 | 
			
		||||
        font-size: 1.5em;
 | 
			
		||||
        color: $-almost-white
 | 
			
		||||
        color: $-almost-white;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Media queries using global widths.
 | 
			
		||||
    @media(max-width: $-viewport-normal) {
 | 
			
		||||
        .LP-Footer__list-header {
 | 
			
		||||
            font-size: 2em
 | 
			
		||||
            font-size: 2em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__list-anchor {
 | 
			
		||||
            font-size: 1.1em
 | 
			
		||||
            font-size: 1.1em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-connect {
 | 
			
		||||
            font-size: 2.5em
 | 
			
		||||
            font-size: 2.5em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-overlap > a {
 | 
			
		||||
            font-size: 2.24em;
 | 
			
		||||
            height: 50px;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__bottom-wrapper {
 | 
			
		||||
            font-size: 1.3em
 | 
			
		||||
            font-size: 1.3em;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    @media(max-width: $-viewport-medium) {
 | 
			
		||||
        .LP-Footer__list-top {
 | 
			
		||||
            width: 100%
 | 
			
		||||
            width: 100%;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__list-header {
 | 
			
		||||
            font-size: 3em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__list-anchor {
 | 
			
		||||
            font-size: 1.5em
 | 
			
		||||
            font-size: 1.5em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-section {
 | 
			
		||||
            justify-content: center
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-section::after {
 | 
			
		||||
            top: 25%
 | 
			
		||||
            top: 25%;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-connect {
 | 
			
		||||
            margin-bottom: 10px;
 | 
			
		||||
            padding: 0 10px
 | 
			
		||||
            padding: 0 10px;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-overlap {
 | 
			
		||||
            display: flex;
 | 
			
		||||
@@ -223,48 +221,48 @@ $-primary-line-color: $-almost-white;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-icons-wrapper {
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            padding: 0
 | 
			
		||||
            padding: 0;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-overlap {
 | 
			
		||||
            margin-left: 0px;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__bottom-section {
 | 
			
		||||
            padding: 0 5px 10px 5px
 | 
			
		||||
            padding: 0 5px 10px 5px;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__bottom-wrapper {
 | 
			
		||||
            text-align: center;
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            margin-top: 10px
 | 
			
		||||
            margin-top: 10px;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    @media(max-width: $-viewport-small) {
 | 
			
		||||
        .LP-Footer__social-overlap > a {
 | 
			
		||||
            margin: auto
 | 
			
		||||
            margin: auto;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-overlap > a:not(:first-child) {
 | 
			
		||||
            margin-left: 0;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__bottom-rights {
 | 
			
		||||
            display: block
 | 
			
		||||
            display: block;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    @media(max-width: $-viewport-extra-small) {
 | 
			
		||||
        .LP-Footer__list-header {
 | 
			
		||||
            font-size: 2.2em
 | 
			
		||||
            font-size: 2.2em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__list-anchor {
 | 
			
		||||
            font-size: 1.2em
 | 
			
		||||
            font-size: 1.2em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-connect {
 | 
			
		||||
            font-size: 2.4em
 | 
			
		||||
            font-size: 2.4em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__social-overlap > a {
 | 
			
		||||
            font-size: 2.24em
 | 
			
		||||
            font-size: 2.24em;
 | 
			
		||||
        }
 | 
			
		||||
        .LP-Footer__bottom-wrapper {
 | 
			
		||||
            font-size: 1.3em
 | 
			
		||||
            font-size: 1.3em;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user