gerrit/web-yj.kwul
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Text- u. Style-Kosmetik

Browse Source
This commit is contained in:
gerrit
2018-07-28 19:25:55 +02:00
parent b392e0aaac
commit b37848bf4d
3 changed files with 67 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+20 -13
View File
@@ -1,27 +1,34 @@
@import url('https://fonts.googleapis.com/css?family=Quicksand');
body,
html {
margin: 0;
height: 100%;
}
body {
color: #fff;
font-family: 'Quicksand', sans-serif;
}
.bg {
/* The image used */
background-image: url("../img/background.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background: url("../img/background.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media (min-width: 992px) {
.bg {
body {
background-image: url("../img/background@2x.jpg");
}
}
.container.filled {
color: rgba(0, 0, 0, 0.7);
background-color: rgba(255, 255, 255, 0.75);
}
.container .intro {
height: 100vh;
text-align: center;
}
.container .intro .btn {
margin: auto;
}
.container img {
margin-bottom: 20px;
}
css/style.less
+25 -12
View File
@@ -2,27 +2,40 @@
body, html {
margin: 0;
height: 100%;
}
body {
color: #fff;
font-family: 'Quicksand', sans-serif;
}
.bg {
/* The image used */
background-image: url("../img/background.jpg");
background: url("../img/background.jpg") no-repeat center center fixed;
@media (min-width: 992px) {
background-image: url("../img/background@2x.jpg");
}
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.container {
&.filled {
color: rgba(0, 0, 0, 0.7);
background-color: rgba(255, 255, 255, 0.75);
}
.intro {
height: 100vh;
text-align: center;
.btn {
margin: auto;
}
}
img {
margin-bottom: 20px;
}
}