mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-18 23:27:26 +01:00
e64499658b
git-subtree-dir: website/public/front git-subtree-mainline:507c1dd69agit-subtree-split:fb87f00929
47 lines
860 B
CSS
47 lines
860 B
CSS
/*
|
|
* This file is NOT needed in order to use skrollr.
|
|
* The demo uses it and it may help you as well.
|
|
*/
|
|
|
|
|
|
html, body {
|
|
width:100%;
|
|
height:100%;
|
|
padding:0;
|
|
margin:0;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
.skrollable {
|
|
/*
|
|
* First-level skrollables are positioned relative to window
|
|
*/
|
|
position:fixed;
|
|
|
|
/*
|
|
* Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
|
|
*/
|
|
z-index:100;
|
|
}
|
|
|
|
.skrollr-mobile .skrollable {
|
|
/*
|
|
May cause issues on Android default browser (see #331 on GitHub).
|
|
*/
|
|
position:absolute;
|
|
}
|
|
|
|
.skrollable .skrollable {
|
|
/*
|
|
* Second-level skrollables are positioned relative their parent skrollable
|
|
*/
|
|
position:absolute;
|
|
}
|
|
|
|
.skrollable .skrollable .skrollable {
|
|
/*
|
|
* Third-level (and below) skrollables are positioned static
|
|
*/
|
|
position:static;
|
|
}
|