Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 097e876

Browse files
committed
Title alignment
1 parent 4bf54c1 commit 097e876

File tree

1 file changed

+31
-37
lines changed

1 file changed

+31
-37
lines changed

‎_sass/_style.scss‎

Lines changed: 31 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,10 @@ header {
5353
background: darken(#333, 3%);
5454

5555
h1,
56-
nav { display: inline-block; }
56+
nav {
57+
display: inline-block;
58+
line-height: 1em;
59+
}
5760

5861
.flexbox {
5962
display: flex;
@@ -64,19 +67,10 @@ header {
6467

6568
.logo {
6669
display: block;
70+
margin: -15px 0;
6771
img {
68-
margin-top: -7px;
6972
vertical-align: middle;
70-
}
71-
span {
72-
// font-size: 80%;
73-
}
74-
}
75-
&.error {
76-
.logo {
77-
span {
78-
// font-size: 80%;
79-
}
73+
margin: -.1em -.1em 1px;
8074
}
8175
}
8276

@@ -199,29 +193,14 @@ h6:hover .header-link {
199193
opacity: 1;
200194
}
201195

202-
@media (max-width: 580px) {
203-
header {
204-
.flexbox { height: auto }
205-
.logo {
206-
img { margin-top: 0 }
207-
span { font-size: 50% }
208-
}
209-
&.error {
210-
.logo {
211-
span { font-size: 50% }
212-
}
213-
}
214-
}
215-
}
216-
@media (max-width: 699px) {
217-
.searchbox { display: none }
196+
@media (max-width: 1200px) {
218197
header {
219-
.logo span { font-size: 60% }
220-
&.error .logo span { font-size: 60% }
198+
.logo span { font-size: 80% }
199+
&.error .logo span { font-size: 80% }
221200
}
222201
}
223-
@media (max-width: 768px) {
224-
.main-navul { text-align: right }
202+
@media (max-width: 890px) {
203+
.meta { display: none; }
225204
}
226205
@media (max-width: 830px) {
227206
.main-nav {
@@ -233,13 +212,28 @@ h6:hover .header-link {
233212
&.error .logo span { font-size: 70% }
234213
}
235214
}
236-
@media (max-width: 890px) {
237-
.meta { display: none; }
215+
@media (max-width: 768px) {
216+
.main-navul { text-align: right }
238217
}
239-
@media (max-width: 1200px) {
218+
@media (max-width: 736px) {
240219
header {
241-
.logo span { font-size: 80% }
242-
&.error .logo span { font-size: 80% }
220+
.logo span { font-size: 60% }
221+
&.error .logo span { font-size: 60% }
222+
}
223+
}
224+
@media (max-width: 699px) {
225+
.searchbox { display: none }
226+
}
227+
@media (max-width: 580px) {
228+
header {
229+
.flexbox { height: auto }
230+
}
231+
}
232+
@media (max-width: 568px) {
233+
header {
234+
.logo {
235+
margin: 0
236+
}
243237
}
244238
}
245239

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /