1
0
mirror of https://github.com/moparisthebest/mail synced 2024-11-15 13:45:08 -05:00
mail/src/sass/_scaffolding.scss

69 lines
1.3 KiB
SCSS
Executable File

// Reset the box-sizing
*,
*:before,
*:after {
box-sizing: border-box;
// remove flickering on item touch selection in ios
-webkit-tap-highlight-color: transparent !important;
}
// Body reset
html {
font-size: 62.5%;
height: 100%;
}
body {
font-family: $font-family-base;
font-size: $font-size-base;
line-height: $line-height-base;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
}
// Reset fonts for relevant elements
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Custom scrollbars in webkit
// @see http://css-tricks.com/custom-scrollbars-in-webkit/
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: $color-grey-lighter;
border: 3px solid transparent;
background-clip: content-box;
cursor: pointer !important;
&:hover {
background-color: $color-blue;
}
}
// add space at the top since ios7 apps are now fullscreen
.ios-spacer {
padding-top: 20px;
}
// Basic layout
.main-app-view {
height: 100%;
// allow text selection
user-select: none;
}