Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
121 righe
2.3 KiB
121 righe
2.3 KiB
.aui { |
|
footer { |
|
padding-top: em(30px); |
|
padding-bottom: em(30px); |
|
background-color: $footer-color; |
|
|
|
.col-first { |
|
@media (max-width: 991px) { |
|
display: none; |
|
} |
|
|
|
} |
|
|
|
.col-second { |
|
.page_list { |
|
list-style-type: none; |
|
padding-left: 0; |
|
|
|
.page_item { |
|
a { |
|
font-family: $second-font; |
|
font-weight: 200; |
|
line-height: em(20px, 12px); |
|
text-transform: uppercase; |
|
color: $footer-paragraph; |
|
text-decoration: none; |
|
|
|
b { |
|
transition: color $speed; |
|
} |
|
} |
|
|
|
.child-pages { |
|
padding-left: 10px; |
|
padding-top: 0px; |
|
padding-bottom: 0px; |
|
} |
|
} |
|
} |
|
|
|
.child-pages { |
|
@for $value from 2 through 6 { |
|
.level_#{$value} { |
|
a { |
|
transition: color $speed; |
|
font-size: calc(14px - #{$value}px); |
|
} |
|
} |
|
} |
|
} |
|
|
|
@media (max-width: 991px) { |
|
text-align: center; |
|
padding-top: 20px; |
|
padding-bottom: 20px; |
|
|
|
.page_list { |
|
margin-bottom: 0; |
|
} |
|
} |
|
} |
|
|
|
.col-third { |
|
color: $w; |
|
|
|
@media (max-width: 991px) { |
|
text-align: center; |
|
} |
|
|
|
.title-info { |
|
font-size: em(14px); |
|
font-family: $second-font; |
|
font-weight: 200; |
|
line-height: em(20px, 14px); |
|
} |
|
.font_corpo { |
|
p { |
|
color: $footer-paragraph; |
|
font-size: em(14px); |
|
font-weight: 200; |
|
margin-bottom: em(10px, 14px); |
|
a { |
|
color: $footer-link; |
|
transition: color $speed; |
|
text-decoration: none; |
|
|
|
&:hover, &:focus { |
|
color: darken( $footer-link, 20% ); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.col-fourth { |
|
@media (max-width: 991px) { |
|
display: none; |
|
} |
|
} |
|
} |
|
} |
|
|
|
|
|
$i : 0; $j: 0; $k: 0; $n: 0; |
|
|
|
.aui { |
|
.page_list { |
|
@for $i from 1 through length($color-menu) { |
|
.page_item:nth-child(#{length($color-menu)}n+#{$i}) { |
|
&.level_1, &.level_2, &.level_3 { |
|
> a:hover b { |
|
color: nth($color-menu, $i); |
|
} |
|
> .not_b:hover { |
|
color: nth($color-menu, $i); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
}
|
|
|