resources/sass/app.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

// Fonts
//@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

.navbar-laravel {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.page-header {
	@extend .jumbotron;
	background-color: rgb(255,255,255,0.5);
	padding: 2rem;
}

@media( max-width: 500px ) {
	body {
		background: url(/img/sakamoto-mobile.jpg) no-repeat left center fixed;
	}
}
@media( max-width: 1640px ) and ( min-width: 500px ) {
	body {
		background: url(/img/sakamoto-mobile.jpg) no-repeat right center fixed;
	}
}
@media( min-width: 1640px ) {
	body {
		background: url(/img/sakamoto.jpg) no-repeat center center fixed;
	}
}
body {
	background-color: #c6c6c6;
}

.bg-white-transparent {
	background-color: rgb(255,255,255,0.5);
}

.float-left-xl {
	float: left !important;
}

/*@media( max-width: 768px ) {*/
@media( max-width: 500px ) {
	.hide-sm {
		display: none;
	}
	.float-left-xl {
		float: inherit !important;
	}
	.hide-synopsis-sm {
		display: none;
		@include clearfix;
	}
}