OpenServer/SecureNotes
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'retheme'

Browse Source
This commit is contained in:
Fabian Stamm
2020-02-09 00:38:26 +01:00
parent 6424f66732 bc6b12afa1
commit db5a363bff
26 changed files with 684 additions and 1129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/index.scss
View File

@ -1,65 +1,60 @@
@import "./vars.scss";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif; // font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
width: 100%;
height: 100%;
overscroll-behavior-y: contain;
}
html {
min-height: 100%;
display: flex;
}
// html {
// min-height: 100%;
// display: flex;
// }
$header-margin: .5em;
$header-icon-size: calc(1.5rem * 1);
// $header-margin: .5em;
// $header-icon-size: calc(1.5rem * 1);
// $header-icon-size: 100%;
header {
display: flex;
justify-content: space-between;
margin-bottom: $header-margin;
align-content: center;
padding: 0.75em;
border-bottom: solid var(--border-color) 1px;
background-color: var(--primary);
// header {
// display: flex;
// justify-content: space-between;
// margin-bottom: $header-margin;
// align-content: center;
// padding: 0.75em;
// border-bottom: solid var(--border-color) 1px;
// background-color: var(--primary);
>* {
margin: 0;
color: white;
background: var(--primary);
}
// >* {
// margin: 0;
// color: white;
// background: var(--primary);
// }
>.header-title {
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
flex-grow: 1;
margin: 0 1em;
}
// >.header-title {
// overflow: hidden;
// text-overflow: ellipsis;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// flex-grow: 1;
// margin: 0 1em;
// }
.header-icon-button {
display: block;
margin-top: auto;
margin-bottom: auto;
min-width: $header-icon-size;
// .header-icon-button {
// display: block;
// margin-top: auto;
// margin-bottom: auto;
// min-width: $header-icon-size;
>svg {
height: $header-icon-size;
width: $header-icon-size;
}
}
// >svg {
// height: $header-icon-size;
// width: $header-icon-size;
// }
// }
// }
body {
overscroll-behavior-y: contain;
}
.def-shadow {