jinql
/
halo-theme-xinac-fantastic
mirror of https://github.com/jinqilin721/halo-theme-xinac-fantastic
1
0
Fork 0
Code Issues Releases Wiki Activity

first commit

v1.2.0
kun.peng 2019-10-05 21:12:32 +08:00
parent a9b4517f9e
commit 5ab51cdf12
2 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
source/css/style.css
View File

@ -8,7 +8,7 @@ body {
background-color: #f7f7f7; background-color: #f7f7f7;
} }
.section { .section {
padding: 6rem 1.5rem; padding: 2rem 1.5rem;
} }
body, body,
button, button,
@ -36,7 +36,7 @@ textarea {
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.section { .section {
padding: 5.5rem 1rem; padding: 4.5rem 1rem;
} }
} }
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
@ -122,6 +122,21 @@ img.thumbnail {
position: absolute; position: absolute;
color: #3273dc; color: #3273dc;
} }
@media screen and (max-width: 769px) {
.navbar-main {
left: 0;
position: fixed;
right: 0;
z-index: 30;
top: 0;
}
.navbar-main .navbar-item {
padding: 0.55rem 0.75rem;
}
.navbar-main .navbar-item .navbar-dropdown {
box-shadow: none;
}
}
.footer { .footer {
background: #fff; background: #fff;
} }
@ -362,6 +377,10 @@ img.thumbnail {
line-height: inherit; line-height: inherit;
font-size: 17px; font-size: 17px;
} }
.navbar-menu .navbar-end {
line-height: inherit;
font-size: 14px;
}
/* --------------------------------- /* ---------------------------------
* Fix content elements * Fix content elements
* --------------------------------- */ * --------------------------------- */

20
source/css/style.styl
View File

@ -16,7 +16,7 @@ body
background-color: #f7f7f7 background-color: #f7f7f7
.section .section
padding: 6rem 1.5rem padding: 2.0rem 1.5rem
body, button, input, select, textarea body, button, input, select, textarea
font-family: family-sans font-family: family-sans
@ -36,7 +36,8 @@ body, button, input, select, textarea
@media screen and (max-width: screen-tablet - 1) @media screen and (max-width: screen-tablet - 1)
.section .section
padding: 5.5rem 1rem padding: 4.5rem 1rem
@media screen and (min-width: screen-tablet) @media screen and (min-width: screen-tablet)
.column-main, .column-main,
@ -122,6 +123,17 @@ img.thumbnail
content '\2022' content '\2022'
position absolute position absolute
color: #3273dc color: #3273dc
@media screen and (max-width: screen-tablet)
.navbar-main
left: 0;
position: fixed;
right: 0;
z-index: 30;
top: 0
.navbar-item
padding: 0.55rem 0.75rem
.navbar-dropdown
box-shadow none
.footer .footer
background: white background: white
@ -333,6 +345,10 @@ img.thumbnail
.fa, .fab, .fal, .far, .fas .fa, .fab, .fal, .far, .fas
line-height: inherit line-height: inherit
font-size:17px font-size:17px
.navbar-menu
.navbar-end
line-height: inherit
font-size:14px
/* --------------------------------- /* ---------------------------------
* Fix content elements * Fix content elements