fnp
/
wolnelektury.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Nicer search, minor fixes.
[wolnelektury.git]
/
src
/
wolnelektury
/
static
/
2022
/
styles
/
layout
/
_navigation.scss
diff --git
a/src/wolnelektury/static/2022/styles/layout/_navigation.scss
b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
index
f27b70e
..
9333766
100644
(file)
--- a/
src/wolnelektury/static/2022/styles/layout/_navigation.scss
+++ b/
src/wolnelektury/static/2022/styles/layout/_navigation.scss
@@
-55,8
+55,23
@@
body {
.l-navigation__logo {
display: flex;
position: relative;
.l-navigation__logo {
display: flex;
position: relative;
- z-index: $master-layer + 1;
+ height: 44px;
+ width: 153px;
+ flex-shrink: 0;
+ overflow: hidden;
+ transition: .5s width;
+
+ @include rwd($break-menu) {
+ width: 230px;
+ }
+ &.search-active {
+ width: 30px;
+ @include rwd($break-menu) {
+ width: 230px;
+ }
+ }
+
img {
width: 153px;
@include rwd($break-menu) {
img {
width: 153px;
@include rwd($break-menu) {
@@
-73,14
+88,24
@@
body {
margin: 0;
outline: 0;
position: relative;
margin: 0;
outline: 0;
position: relative;
- z-index: $master-layer + 1;
}
}
+.is-open {
+ .l-navigation__logo {
+ z-index: $master-layer + 1;
+ }
+ .l-navigation__button {
+ z-index: $master-layer + 1;
+ }
+}
+
+
.l-naviagion__search {
width: 60%;
max-width: 580px;
margin-left: 20px;
margin-right: 20px;
.l-naviagion__search {
width: 60%;
max-width: 580px;
margin-left: 20px;
margin-right: 20px;
+ flex-grow: 1;
@include rwd($break-menu) {
margin-left: 60px;
@include rwd($break-menu) {
margin-left: 60px;
@@
-190,19
+215,6
@@
body {
}
}
}
}
-.l-change-pop__close {
- border: 0;
- background: transparent;
- color: #333333;
- outline: 0;
- position: absolute;
- right: 26px;
- top: 0;
- bottom: 0;
- margin: auto;
- cursor: pointer;
-}
-
.l-navigation__menu {
position: fixed;
top: 0; left: 0;
.l-navigation__menu {
position: fixed;
top: 0; left: 0;
@@
-458,11
+470,14
@@
body {
p {
margin: 0;
p {
margin: 0;
- width: 427px;
font-weight: $regular;
@include font-size(15px);
line-height: 130%;
color: #808080;
font-weight: $regular;
@include font-size(15px);
line-height: 130%;
color: #808080;
+
+ @include rwd($break-menu) {
+ width: 427px;
+ }
}
}
}
}