template: remove toplinks .sep element (#63860)
This commit is contained in:
parent
bb52a3e86a
commit
5c9dae0b41
|
@ -20,15 +20,6 @@ $header-content-margin: 5px;
|
|||
}
|
||||
}
|
||||
|
||||
.sep::before {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
content: ' ';
|
||||
width: 2px;
|
||||
background: white;
|
||||
height: 30px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.top-left {
|
||||
align-self: flex-start;
|
||||
|
@ -98,12 +89,15 @@ $header-content-margin: 5px;
|
|||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
.sep {
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
color: $button-background;
|
||||
|
||||
&::before {
|
||||
left: 50%;
|
||||
}
|
||||
width: 2px;
|
||||
background: white;
|
||||
height: 30px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -231,7 +231,7 @@ div#header {
|
|||
color: lighten($primary-color, 55%);
|
||||
}
|
||||
}
|
||||
a.registration, .sep {
|
||||
a.registration {
|
||||
display: none;
|
||||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
|
|
|
@ -64,10 +64,6 @@ header {
|
|||
a:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
span.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#social-networks {
|
||||
|
|
|
@ -190,8 +190,9 @@ h1#logo.has-logo {
|
|||
@extend .h;
|
||||
font-weight: normal;
|
||||
padding: 1rem 0;
|
||||
word-spacing: calc($buttons-gutter - 0.33em);
|
||||
@media ($min-desktop-viewport) {
|
||||
right: $space-for-nav;
|
||||
right: $space-for-nav;
|
||||
}
|
||||
// @debug 5px * math.div(math.div(30deg, 2s), 24em);
|
||||
@media (min-width: #{$width + ($space-for-nav-unitless * 2) }) {
|
||||
|
@ -201,15 +202,6 @@ h1#logo.has-logo {
|
|||
@extend %button;
|
||||
margin-right: 0;
|
||||
font-weight: 400;
|
||||
@media ($max-mobile-viewport) {
|
||||
margin-right: $buttons-gutter;
|
||||
}
|
||||
@media ($min-desktop-viewport) {
|
||||
margin-left: $buttons-gutter;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
span.connected-user {
|
||||
padding-right: 0;
|
||||
|
|
|
@ -105,9 +105,6 @@ div#nav {
|
|||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
color: $orange;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
@ -99,6 +99,7 @@ h1#logo.has-logo {
|
|||
padding: 0;
|
||||
border: none;
|
||||
max-width: none;
|
||||
word-spacing: 0.5rem;
|
||||
@media ($max-mobile-viewport) {
|
||||
order: -1;
|
||||
margin-bottom: 1rem;
|
||||
|
@ -107,9 +108,6 @@ h1#logo.has-logo {
|
|||
> a {
|
||||
@extend .pk-button;
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.logged-in {
|
||||
@extend %button;
|
||||
|
@ -117,9 +115,8 @@ h1#logo.has-logo {
|
|||
color: inherit;
|
||||
}
|
||||
.connected-user {
|
||||
padding-right: .5em;
|
||||
padding-right: .66em;
|
||||
border-right: 2px solid;
|
||||
margin-right: .5em;
|
||||
@media ($min-desktop-viewport) {
|
||||
&::before {
|
||||
content: "bienvenue ";
|
||||
|
|
|
@ -145,9 +145,7 @@ div#header {
|
|||
background: transparent;
|
||||
line-height: 120px;
|
||||
padding: 0;
|
||||
span.sep {
|
||||
visibility: hidden;
|
||||
}
|
||||
word-spacing: calc(15px - 0.33em);
|
||||
a {
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
|
|
|
@ -137,9 +137,6 @@ div.footer-content div {
|
|||
right: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#toplinks span.sep {
|
||||
display: inline;
|
||||
}
|
||||
div#header h1#logo {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
|
|
@ -147,9 +147,6 @@ div#header {
|
|||
margin-right: .66em;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
a.registration {
|
||||
display: block;
|
||||
span.no-account {
|
||||
|
|
|
@ -74,6 +74,8 @@ div#header {
|
|||
}
|
||||
> span {
|
||||
position: absolute;
|
||||
display: inline-flex;
|
||||
align-items: text-end;
|
||||
bottom: 0;
|
||||
right: 50px;
|
||||
background: white;
|
||||
|
@ -81,16 +83,22 @@ div#header {
|
|||
line-height: 50px;
|
||||
font-weight: bold;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.sep {
|
||||
color: $red;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: 1em;
|
||||
width: 2px;
|
||||
overflow: hidden;
|
||||
background-color: currentColor;
|
||||
margin: 0 .33em;
|
||||
&::after {
|
||||
content: "";
|
||||
color: $red;
|
||||
display: inline-block;
|
||||
align-self: center;
|
||||
line-height: 1em;
|
||||
width: 2px;
|
||||
height: 1.2em;
|
||||
overflow: hidden;
|
||||
background-color: currentColor;
|
||||
margin: 0 .66em;
|
||||
|
||||
}
|
||||
> a:last-child {
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
display: none;
|
||||
|
|
|
@ -128,9 +128,6 @@ h1#logo.has-logo {
|
|||
margin-right: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
@ -114,6 +114,7 @@ input, select, textarea {
|
|||
border-radius: 0;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
word-spacing: 0;
|
||||
|
||||
border-bottom: 1px solid #dadada;
|
||||
font-size: 1rem;
|
||||
|
@ -164,9 +165,6 @@ input, select, textarea {
|
|||
}
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
.logged-in {
|
||||
@media (max-width: $nav-mobile-limit) {
|
||||
max-width: calc(100vw - 100px - 60px);
|
||||
|
|
|
@ -95,6 +95,7 @@ div#header h1 {
|
|||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
line-height: 1;
|
||||
word-spacing: 0;
|
||||
|
||||
padding: .33em;
|
||||
@media ($min-desktop-viewport) {
|
||||
|
@ -116,9 +117,6 @@ div#header h1 {
|
|||
}
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
@ -28,21 +28,23 @@ $toplinks-border: null !default;
|
|||
padding: $toplinks-padding;
|
||||
border: $toplinks-border;
|
||||
border-width: 0 1px 1px 1px;
|
||||
// space between links (increases by default space size ± 1/3em)
|
||||
word-spacing: .33em;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
border-right: 0;
|
||||
right: 0;
|
||||
max-width: 90%;
|
||||
text-align: right;
|
||||
border-bottom-right-radius: 0;
|
||||
padding-right: 0.7em;
|
||||
& span.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
word-spacing: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#toplinks span.connected-user {
|
||||
padding-right: 0.7em;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
|
|
@ -239,8 +239,9 @@ h1#logo.has-logo {
|
|||
padding: 0 1em;
|
||||
font-size: 1rem;
|
||||
line-height: 2em;
|
||||
word-spacing: 1em;
|
||||
a {
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -57,9 +57,6 @@ div#header {
|
|||
box-shadow: none;
|
||||
padding: 0.5em 0;
|
||||
position: relative;
|
||||
span.sep {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
color: $link-color;
|
||||
|
|
|
@ -149,9 +149,6 @@ div#nav {
|
|||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
// skew
|
||||
& {
|
||||
|
|
|
@ -105,9 +105,6 @@ div#header {
|
|||
@media ($max-mobile-viewport) {
|
||||
margin-right: $nav-menu-side;
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
color: $violet-dark;
|
||||
display: block;
|
||||
|
|
|
@ -96,16 +96,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
span.sep {
|
||||
display: inline-block;
|
||||
vertical-align: text-bottom;
|
||||
line-height: 1.25em;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
background-color: currentColor;
|
||||
margin: 0 .66em;
|
||||
}
|
||||
|
||||
span.connected-user {
|
||||
padding-right: 0.7em !important;
|
||||
}
|
||||
|
|
|
@ -160,10 +160,6 @@ div#main-content-wrapper {
|
|||
}
|
||||
}
|
||||
|
||||
span.sep {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
height: 35px;
|
||||
|
|
|
@ -171,6 +171,7 @@ input[readonly], select[readonly], textarea[readonly] {
|
|||
line-height: 1.5;
|
||||
font-size: $fz-small;
|
||||
margin-right: $nav-menu-side * 2;
|
||||
word-spacing: 0.7em;
|
||||
@media (max-width: $very-small-limit + 1) {
|
||||
margin-right: $nav-menu-side * 1.25;
|
||||
}
|
||||
|
@ -179,13 +180,6 @@ input[readonly], select[readonly], textarea[readonly] {
|
|||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: .7em;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
span.connected-user {
|
||||
padding-right: 0;
|
||||
|
|
|
@ -223,10 +223,6 @@ div#header {
|
|||
|
||||
|
||||
}
|
||||
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// header shadow
|
||||
|
|
|
@ -65,12 +65,6 @@ div#nav {
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
#toplinks span.sep {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
button.ui-button,
|
||||
div#content button {
|
||||
text-transform: uppercase;
|
||||
|
|
|
@ -40,11 +40,10 @@ div#rub_service h2 {
|
|||
|
||||
div#toplinks {
|
||||
margin-right: 50px;
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
word-spacing: 1em;
|
||||
a {
|
||||
@extend %button;
|
||||
margin-right: 0;
|
||||
background: $secondary-color;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
|
|
|
@ -119,10 +119,6 @@ h1#logo {
|
|||
text-align: right;
|
||||
font-size: $fz-small;
|
||||
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> span {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
@ -142,7 +138,6 @@ h1#logo {
|
|||
&.registration::after {
|
||||
@include fa-icon(" \f196");
|
||||
font-size: 1.1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.logout::after {
|
||||
@include fa-icon(" \f18e");
|
||||
|
|
|
@ -153,9 +153,6 @@ h1#logo.has-logo{
|
|||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
@media ($max-mobile-viewport) {
|
||||
a {
|
||||
display: block;
|
||||
|
|
|
@ -80,10 +80,6 @@
|
|||
margin-left: .7em;
|
||||
}
|
||||
}
|
||||
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -86,9 +86,6 @@ h1#logo.has-logo {
|
|||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
.sep {
|
||||
opacity: 0;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
padding: 0.33em 0.5em;
|
||||
|
|
|
@ -15,7 +15,6 @@
|
|||
>{% block user-info-login-label %}{% include "includes/user-info-login-label.html" %}{% endblock %}
|
||||
{% if registration_url and include_registration_link != False %}
|
||||
</a>
|
||||
<span class="sep">/</span>
|
||||
<a class="registration" href="{{registration_url}}"
|
||||
>{% block user-info-registration-label %}{% include "includes/user-info-registration-label.html" %}{% endblock %}{% endif %}</a></span>
|
||||
{% endif %}
|
||||
|
|
Loading…
Reference in New Issue