mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-16 11:36:20 +02:00
Code Issues Releases Wiki Activity

style.css more css for mobile

Browse Source
This commit is contained in:
Kushagra Gour
2018-04-14 23:01:56 +05:30
parent 8507a4becf
commit eeba248038
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/style.css
View File

@ -16,8 +16,8 @@ body {
/* speocifically for mobile when keyboard is open */ /* speocifically for mobile when keyboard is open */
position: relative; position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
} }
h1 { h1 {
margin-top: 0; margin-top: 0;
@ -102,7 +102,7 @@ hr {
label { label {
cursor: pointer; cursor: pointer;
} }
[class*="hint--"]:after { [class*='hint--']:after {
text-transform: none; text-transform: none;
font-weight: normal; font-weight: normal;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@ -126,8 +126,8 @@ a > svg {
fill: rgba(255, 255, 255, 0.2); fill: rgba(255, 255, 255, 0.2);
} }
select, select,
input[type="text"], input[type='text'],
input[type="number"], input[type='number'],
textarea { textarea {
padding: 3px 5px; padding: 3px 5px;
font-size: inherit; font-size: inherit;
@ -196,7 +196,7 @@ textarea {
display: block; display: block;
} }
.star:after { .star:after {
content: "★"; content: '★';
color: #eee333; color: #eee333;
} }
/* used to show keyboard specific content when something is keyboard focused */ /* used to show keyboard specific content when something is keyboard focused */
@ -1195,7 +1195,7 @@ body:not(.is-app) .show-when-app {
transform: scale(1.15); transform: scale(1.15);
} }
.onboard-selection.selected:after { .onboard-selection.selected:after {
content: ""; content: '';
position: absolute; position: absolute;
right: -20px; right: -20px;
bottom: 40px; bottom: 40px;
@ -1234,15 +1234,24 @@ body:not(.is-app) .show-when-app {
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
body {
font-size: 70%;
}
.main-header { .main-header {
overflow-x: auto; overflow-x: auto;
} }
.main-header__btn-wrap { .main-header__btn-wrap {
flex-shrink: 0; flex-shrink: 0;
} }
.modal__content {
padding: 1em;
}
.saved-items-pane {
width: 77vw;
padding: 10px 20px;
}
} }
/* Codemirror themes basic bg styles. This is here so that there is no big FOUC /* Codemirror themes basic bg styles. This is here so that there is no big FOUC
while the theme CSS file is loading */ while the theme CSS file is loading */
.cm-s-paraiso-dark.CodeMirror { .cm-s-paraiso-dark.CodeMirror {