xref: /template/strap/resources/theme/default/components/css/background.css (revision 04fd306c7c155fa133ebb3669986875d65988276)
1*04fd306cSNickeau.backgrounds {
2*04fd306cSNickeau    position: absolute !important; /* not in the normal flow */
3*04fd306cSNickeau    right: 0;
4*04fd306cSNickeau    bottom: 0;
5*04fd306cSNickeau    margin: 0 !important;
6*04fd306cSNickeau    padding: 0 !important;
7*04fd306cSNickeau    overflow: hidden;
8*04fd306cSNickeau    width: 100%;
9*04fd306cSNickeau    height: 100%;
10*04fd306cSNickeau    -webkit-backface-visibility: hidden;
11*04fd306cSNickeau    backface-visibility: hidden;
12*04fd306cSNickeau    transform: translate3d(0px, 0px, 0px);
13*04fd306cSNickeau    -webkit-transform-style: preserve-3d;
14*04fd306cSNickeau    transform-style: preserve-3d;
15*04fd306cSNickeau}
16*04fd306cSNickeau
17*04fd306cSNickeau.background {
18*04fd306cSNickeau    position: absolute !important; /* not in the normal flow */
19*04fd306cSNickeau    height: 100%;
20*04fd306cSNickeau    width: 100%;
21*04fd306cSNickeau    background-size: cover; /* scale the background image proportionally so that its width and height are equal to, or greater than, the width/height of the element. */
22*04fd306cSNickeau    background-position: center center; /* better for responsive background */
23*04fd306cSNickeau    /* background-attachment: fixed; !* fixed will attach the background to a fixed position on the page (sane as fixed position) *!*/
24*04fd306cSNickeau    background-attachment: scroll;
25*04fd306cSNickeau    /* the background will scroll with the content
26*04fd306cSNickeau    /* background-attachment: local; !* the background will scroll with the content *!*/
27*04fd306cSNickeau    /* background-color: #464646; /* the color while the image is loading or the transparent-color if any */
28*04fd306cSNickeau    -webkit-backface-visibility: hidden;
29*04fd306cSNickeau    backface-visibility: hidden;
30*04fd306cSNickeau    transform: translate3d(0px, 0px, 0px);
31*04fd306cSNickeau    -webkit-transform-style: preserve-3d;
32*04fd306cSNickeau    transform-style: preserve-3d;
33*04fd306cSNickeau}
34*04fd306cSNickeau
35*04fd306cSNickeau/* For a image */
36*04fd306cSNickeau.background-img {
37*04fd306cSNickeau    position: absolute !important; /* not in the normal flow */
38*04fd306cSNickeau    width: 100%;
39*04fd306cSNickeau    height: 100%;
40*04fd306cSNickeau    object-fit: cover;
41*04fd306cSNickeau}
42