Skip to content

Commit 34e3c27

Browse files
topframetopframe
committed
아코디언 요소 수정
1 parent 5ee74b8 commit 34e3c27

File tree

5 files changed

+73
-58
lines changed

5 files changed

+73
-58
lines changed

‎_includes/footer‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@
1616
{% else %}
1717
<div class="medium-6 large-5 columns">
1818
{% endif %}
19-
<h5 class="shadow-black">{{ site.data.language.info_website }}</h5>
20-
<p class="shadow-black">
19+
<h5>{{ site.data.language.info_website }}</h5>
20+
<p>
2121
{{ site.description }}
2222
<a href="{{ site.baseurl }}/info/">{{ site.data.language.details }}</a>
2323
</p>
@@ -27,7 +27,7 @@
2727
<div class="small-6 medium-3 large-3 large-offset-1 columns">
2828
{% for network_item in site.data.network %}
2929
{% if forloop.first == true and network_item.menu_name %}
30-
<h5 class="shadow-black">{{ network_item.menu_name }}</h5>
30+
<h5>{{ network_item.menu_name }}</h5>
3131
{% endif %}
3232
{% endfor %}
3333
<ul class="no-bullet shadow-black">
@@ -44,7 +44,7 @@
4444
<div class="small-6 medium-3 large-3 columns">
4545
{% for service_item in site.data.services %}
4646
{% if forloop.first == true %}
47-
<h5 class="shadow-black">{{ service_item.menu_name }}</h5>
47+
<h5>{{ service_item.menu_name }}</h5>
4848
{% endif %}
4949
{% endfor %}
5050

‎_sass/_07_layout.scss‎

Lines changed: 45 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -330,64 +330,69 @@
330330
/* Footer
331331
------------------------------------------------------------------- */
332332

333-
#footer-content p,
334-
#footer-content li {
333+
#footer-content {
334+
p, li {
335335
font-size: rem-calc(13);
336336
font-weight: 300;
337-
}
338-
339-
#footer {
337+
}
338+
#footer {
340339
padding-top: 30px;
341340
padding-bottom: 20px;
342341
background: $footer-bg;
343342
color: $footer-color;
343+
text-shadow: rgba(0, 0, 0, .498039) 0px 1px 2px;
344+
a {
345+
color: $footer-link-color;
344346
}
345-
346-
#footer a {
347-
color: $footer-link-color;
348-
}
349-
#footer h4,
350-
#footer h5 {
351-
letter-spacing: 1px;
352-
color: #fff;
353-
text-transform: uppercase;
347+
h4, h5 {
348+
letter-spacing: 1px;
349+
color: #fff;
350+
text-transform: uppercase;
354351
}
352+
}
353+
}
355354

356355

357356
/* Subfooter
358357
------------------------------------------------------------------- */
359358

360359
#subfooter {
361-
background: $subfooter-bg;
362-
color: $subfooter-color;
363-
padding-top: 30px;
364-
padding-bottom: 10px;
365-
}
366-
#subfooter-left ul.inline-list {
367-
float: left;
360+
background: $subfooter-bg;
361+
color: $subfooter-color;
362+
padding-top: 30px;
363+
padding-bottom: 10px;
364+
#subfooter-left {
365+
ul.inline-list {
366+
float: left;
368367
}
369-
#subfooter .credits a {
370-
color: $subfooter-link-color;
371-
border: 0;
372-
text-transform: uppercase;
373-
&:hover {
374-
color: #fff;
375-
}
368+
}
369+
.credits {
370+
text-shadow: rgba(0, 0, 0, .498039) 0px 1px 2px;
371+
a {
372+
color: $subfooter-link-color;
373+
border: 0;
374+
text-transform: uppercase;
375+
&:hover {
376+
color: #fff;
377+
}
376378
}
377-
378-
#subfooter .social-icons li a {
379-
font-size: rem-calc(23);
380-
display: block;
381-
width: 36px;
382-
border-radius: 50%;
383-
color: $subfooter-bg;
384-
background: $subfooter-color;
385-
text-align: center;
379+
}
380+
.social-icons {
381+
li a {
382+
font-size: rem-calc(23);
383+
display: block;
384+
width: 36px;
385+
border-radius: 50%;
386+
color: $subfooter-bg;
387+
background: $subfooter-color;
388+
text-align: center;
386389
}
387-
#subfooter .social-icons li a:hover {
388-
background: $subfooter-bg;
389-
color: #fff;
390+
li a:hover {
391+
background: $subfooter-bg;
392+
color: #fff;
390393
}
394+
}
395+
}
391396

392397

393398

‎_sass/_09_elements.scss‎

Lines changed: 20 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -117,17 +117,27 @@ dl.accordion {
117117
border-top: 1px solid $grey-2;
118118
dd {
119119
border-bottom: 1px solid $grey-2;
120-
}
121-
dd.accordion-navigation {
122-
span {
123-
padding-right: 12px;
124-
&:before {
125-
content: "\F107"
120+
&.accordion-navigation {
121+
> a {
122+
background-color: transparent;
123+
span.iconfont {
124+
padding-right: .5em;
125+
&:before {
126+
content: "\F107"
127+
}
128+
}
126129
}
127-
}
128-
&.active {
129-
span:before {
130-
content: "\F105"
130+
&.active {
131+
a {
132+
border-radius: 0 0 6px 6px;
133+
span.iconfont:before {
134+
content: "\F105"
135+
}
136+
}
137+
}
138+
.button {
139+
margin:.2em 0;
140+
padding: .5em 1em;
131141
}
132142
}
133143
}

‎blog/archive.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,10 @@
1515
{% assign counter = 1 %}
1616
{% for post in site.posts limit:1000 %}
1717
<dd class="accordion-navigation">
18-
<a href="#panel{{ counter }}"><span class="iconfont"></span> {% if post.subheadline %}{{ post.subheadline }} › {% endif %}<strong>{{ post.title }}</strong></a>
18+
<a href="#panel{{ counter }}"><span class="iconfont"></span>{% if post.subheadline %}{{ post.subheadline }} › {% endif %}<strong>{{ post.title }}</strong></a>
1919
<div id="panel{{ counter }}" class="content">
2020
{% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %}
21-
<a href="{{ site.baseurl }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a><br><br>
21+
<p class="text-right"><a class="button radius small" href="{{ site.baseurl }}{{ post.url }}" title="{{ post.title escape_once }}">{{ site.data.language.read_more }}</a></p>
2222
</div>
2323
</dd>
2424
{% assign counter=counter | plus:1 %}

‎modules/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,10 +37,10 @@ <h2><a href="{{ category.path }}">{{ category.name }}</a></h2>
3737
{% assign modules = site.modules | where: "category", category.name %}
3838
{% for module in modules limit:1000 %}
3939
<dd class="accordion-navigation">
40-
<a href="#{{ category.path }}-panel{{ counter }}"><span class="iconfont"></span> <strong>{{ module.title }}</strong></a>
40+
<a href="#{{ category.path }}-panel{{ counter }}"><span class="iconfont"></span><strong>{{ module.title }}</strong></a>
4141
<div id="{{ category.path }}-panel{{ counter }}" class="content">
4242
{% if module.meta_description %}{{ module.meta_description | strip_html | escape }}{% elsif module.teaser %}{{ module.teaser | strip_html | escape }}{% endif %}
43-
<a href="{{ site.baseurl }}{{ module.url }}" title="{{ module.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
43+
<p class="text-right"><a class="button radius small" href="{{ site.baseurl }}{{ module.url }}" title="{{ module.title escape_once }}">{{ site.data.language.read_more }}</a></p>
4444
</div>
4545
</dd>
4646
{% assign counter = counter | plus:1 %}

0 commit comments

Comments
 (0)