4in1_ws_web/htdocs/scss/app/mobile.scss
2024-03-09 01:06:46 +00:00

90 lines
1.5 KiB
SCSS

@import '../vars';
textarea {
-webkit-overflow-scrolling: touch;
}
.page-content {
padding: 0 15px;
}
.head, .head-inner, .head-logo-wrap, .head-items, .head-logo {
display: block;
}
.head {
overflow: hidden;
}
.head-logo-wrap {
margin-left: -20px;
margin-right: -20px;
border-bottom: 1px $border-color solid;
padding-top: 5px;
padding-bottom: 5px;
}
.head-logo {
margin: 0;
display: block;
text-align: center;
font-size: $fs;
box-sizing: border-box;
padding-top: 14px;
padding-bottom: 14px;
> a:hover {
border-bottom-color: transparent !important;
}
}
.head-items {
text-align: center;
padding: 15px 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
//margin-left: -10px;
//margin-right: -10px;
max-width: 100%;
box-sizing: border-box;
}
a.head-item:hover,
a.head-item:active {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
a.head-item:last-child > span {
border-right: 0;
}
.blog-post-text code {
word-wrap: break-word;
}
.index-book-image {
float: none;
width: 300px;
height: auto;
max-width: 100%;
padding-bottom: 154%;
background-size: 200%;
background-position: 0 0 !important;
}
.index-book-image-wrap {
float: none;
width: 300px;
height: auto;
margin: 0 auto 15px;
max-width: 100%;
}
.index-book-updates {
float: none;
text-align: center;
}
.index-dl-line {
margin-left: 0;
padding: 20px 15px;
}
.footer {
text-align: center;
padding: 20px 15px;
}