fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-06 18:21:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

네모의 꿈 레이아웃 SCSS 추가 수정

Browse source
This commit is contained in:
MinSoo Kim 2017-03-09 01:27:09 +09:00
parent b4c64b937d
commit 5606c90fbe
1 changed files with 83 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

64
layouts/simple_world/layout.scss
View file

@ -231,12 +231,12 @@ header.layout_frame .layout_menu{
background-color: $primary-color; background-color: $primary-color;
color: layoutGrayContrast($primary-color, 0.710); color: layoutGrayContrast($primary-color, 0.710);
} }
.layout_menu {
.layout_menu li.layout_dropdown { li.layout_dropdown {
display: block; display: block;
} }
.layout_menu .layout_dropdown-content { .layout_dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: lighten($grey, 40%); background-color: lighten($grey, 40%);
@ -244,7 +244,7 @@ header.layout_frame .layout_menu{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
.layout_menu .layout_dropdown-content a { .layout_dropdown-content a {
color: black; color: black;
padding: 12px 16px; padding: 12px 16px;
text-decoration: none; text-decoration: none;
@ -255,54 +255,57 @@ header.layout_frame .layout_menu{
} }
. .
.layout_menu .layout_dropdown-content a:hover, .layout_dropdown-content a:hover,
.layout_menu .layout_dropdown-content a:active, .layout_dropdown-content a:active,
.layout_menu .layout_dropdown-content a:focus { .layout_dropdown-content a:focus {
display: block; display: block;
background-color: lighten($primary-color, 10%); background-color: lighten($primary-color, 10%);
color: layoutGrayContrast(lighten($primary-color, 10%), 0.710); color: layoutGrayContrast(lighten($primary-color, 10%), 0.710);
} }
.layout_menu .layout_dropdown:hover .layout_dropdown-content, .layout_dropdown:hover .layout_dropdown-content,
.layout_menu .layout_dropdown:active .layout_dropdown-content, .layout_dropdown:active .layout_dropdown-content,
.layout_menu .layout_dropdown:focus .layout_dropdown-content, .layout_dropdown:focus .layout_dropdown-content,
.layout_menu .layout_dropdown a:hover ~ .layout_dropdown-content, .layout_dropdown a:hover ~ .layout_dropdown-content,
.layout_menu .layout_dropdown a:active ~ .layout_dropdown-content, .layout_dropdown a:active ~ .layout_dropdown-content,
.layout_menu .layout_dropdown a:focus ~ .layout_dropdown-content, .layout_dropdown a:focus ~ .layout_dropdown-content,
.layout_menu .layout_dropdown layout_dropdown-content:hover, .layout_dropdown layout_dropdown-content:hover,
.layout_menu .layout_dropdown layout_dropdown-content:active, .layout_dropdown layout_dropdown-content:active,
.layout_menu .layout_dropdown layout_dropdown-content:focus/* , .layout_dropdown layout_dropdown-content:focus {
.layout_menu .layout_dropdown .layout_dropdown-content:has(> a:hover),
.layout_menu .layout_dropdown .layout_dropdown-content:has(> a:focus) */ {
display: block; display: block;
} }
}
#layout_fnb{ #layout_fnb{
background-color: transparent; background-color: transparent;
} }
.layout_footer .layout_menu li a, .layout_footer .dropbtn { .layout_footer {
.layout_menu li a, .dropbtn {
color: lighten($grey, 10%); color: lighten($grey, 10%);
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
padding: 14px 0px; padding: 14px 0px;
} }
.layout_footer .layout_menu li a>span { .layout_menu li a>span {
padding: 0px 16px; padding: 0px 16px;
border-right: 1px solid lighten($grey, 10%); border-right: 1px solid lighten($grey, 10%);
} }
.layout_footer .layout_menu li:first-child{ .layout_menu li:first-child{
margin-left:-16px; margin-left:-16px;
} }
.layout_footer .layout_menu li:last-child a>span { .layout_menu li:last-child a>span {
border-right: none; border-right: none;
} }
.layout_footer .layout_menu li a:hover, .layout_menu li a:hover,
.layout_footer .layout_menu li a:focus, .layout_menu li a:focus,
.layout_footer .layout_menu li a:active{ .layout_menu li a:active{
background-color: transparent; background-color: transparent;
color: #fff; color: #fff;
} }
}
/* Language */ /* Language */
.layout_language{ .layout_language{
@ -502,15 +505,14 @@ header.layout_frame .layout_menu{
width:100%; width:100%;
height: auto; height: auto;
clear: both; clear: both;
} ul {
.layout_menu ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
height: auto; height: auto;
} }
}
.layout_menu>ul>li, #layout_gnb>ul>li:first-child { .layout_menu>ul>li, #layout_gnb>ul>li:first-child {
float: none; float: none;
@ -577,17 +579,17 @@ header.layout_frame .layout_menu{
.layout_language { .layout_language {
margin-top: 15px; margin-top: 15px;
} ul {
.layout_language ul {
display: none; display: none;
float:none; float:none;
width:100%; width:100%;
} }
.layout_language .toggle{ .toggle{
display: block; display: block;
float: none; float: none;
width:100%; width:100%;
} }
}
/* PC only */ /* PC only */
.layout_pc { .layout_pc {
display: none; display: none;