mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2025-09-02 14:07:31 +00:00
Code Releases Activity

prepare vue and little styling

Browse Source
This commit is contained in:
devfake
2015-06-21 13:09:29 +02:00
parent c29e398eb7
commit 9d7f473e76
18 changed files with 149 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
site/client/assets/sass/_base.scss
View File

@@ -13,6 +13,11 @@ body {
font-family: 'Titillium Web', sans-serif;
}
body.inner {
background: url(../img/inner-bg.jpg) center top no-repeat;
background-size: cover;
}
::-moz-selection {
background: rgba($main, .99);
color: #fff;

6
site/client/assets/sass/_landing.scss
View File

@@ -18,7 +18,9 @@ body.landing {
width: 100%;
margin: 12% 0 0 0;
//tablet: 9%
@include mq(medium) {
margin: 9% 0 0 0;
}
}
.teaser-landing {
@@ -43,7 +45,7 @@ body.landing {
opacity: 0;
&.active {
transition: all .4s ease-in-out .2s;
transition: all .4s ease-in-out 0s;
margin: 60px 0;
opacity: 1;

12
site/client/assets/sass/_mixins.scss
View File

@@ -24,4 +24,16 @@ $main: #d96f1f;
@mixin transition($type: all) {
transition: $type .3s ease-in-out 0s;
}
@mixin mq($point) {
@if $point == big {
@media (max-width: 1600px) { @content; }
}
@else if $point == medium {
@media (max-width: 1450px) { @content; }
}
@else if $point == small {
@media (max-width: 600px) { @content; }
}
}