63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
|
|
.layout-footer {
|
|
|
|
color: #fff;
|
|
font-size: 0.8125em;
|
|
background-color: #486d15;
|
|
margin-top: 15px;
|
|
@media (min-width: $screen-sm) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.container {
|
|
@extend .response-content;
|
|
padding: 2em 0;
|
|
font-family: '微軟正黑體','sans-serif';
|
|
@media (min-width: $screen-sm) {
|
|
padding: 2em 15px;
|
|
}
|
|
}
|
|
|
|
.layout-footer-content{
|
|
|
|
display: inline-block;
|
|
@media (min-width: 768px) {
|
|
width: 80%;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.footer-counter{
|
|
vertical-align: top;
|
|
|
|
text-align: right;
|
|
padding-top: 10px;
|
|
@media (min-width: 768px) {
|
|
width: 20%;
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
.footer-counter-logo{
|
|
display: inline-block;
|
|
background: url('/assets/logo.png') no-repeat center;
|
|
background-size: contain;
|
|
width: 32px;
|
|
height: 32px;
|
|
vertical-align: middle;
|
|
margin-right: .5rem;
|
|
opacity: .3;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: #bdfff2;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: lighten(#ffffff, 10%);
|
|
}
|
|
}
|
|
} |