Files
Reactive-Resume/src/index.css
Amruth Pillai 9c67439357 fix issue #12
2020-03-28 20:59:37 +05:30

107 lines
2.1 KiB
CSS

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
html,
body {
height: 100%;
color: #2d3748;
background-color: #f5f5f5;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
ul li {
list-style: disc;
margin-left: 1em;
padding: 0;
}
@media screen {
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
appearance: none;
margin: 0;
}
input[type='number'] {
-moz-appearance: textfield;
}
input:focus {
outline: none !important;
}
button:focus {
outline: none !important;
}
input:checked + i.material-icons {
display: block;
}
#sidebar {
top: 0;
left: 0;
bottom: 0;
}
#tabs {
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
#tabs::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent;
}
#page {
width: 21cm;
height: 29.7cm;
padding: 2.5em;
zoom: 0.8;
overflow: scroll;
background-color: white;
}
}
@page {
size: A4;
margin: 2.5em;
}
@media print {
html,
body,
body * {
-webkit-print-color-adjust: exact;
color-adjust: exact;
visibility: hidden;
}
#page,
#page * {
page-break-inside: avoid;
visibility: visible;
}
#page {
width: 21cm;
height: 29.7cm;
background-color: white;
box-shadow: none;
position: absolute;
left: 0;
top: 0;
}
}