74 lines
1.5 KiB
SCSS
74 lines
1.5 KiB
SCSS
// Fonts
|
|
@import url('https://fonts.bunny.net/css?family=Nunito');
|
|
|
|
// Variables
|
|
@import 'variables';
|
|
|
|
// Bootstrap
|
|
@import 'bootstrap/scss/bootstrap';
|
|
|
|
.dark-mode{
|
|
|
|
}
|
|
|
|
body.light-mode{
|
|
background-color: #d9d9d9 !important;
|
|
}
|
|
|
|
.light-mode{
|
|
header{
|
|
background: white;
|
|
padding-right: 1rem;
|
|
}
|
|
.card{
|
|
margin-bottom: 1rem;
|
|
box-shadow: 0px 1px 2px -1px #918f8f;
|
|
.card-header{
|
|
background: white;
|
|
border-bottom: 1px dashed #d9d9d9;
|
|
}
|
|
.card-body{}
|
|
}
|
|
|
|
.movie-card{
|
|
border: 1px solid #c3c4c5;
|
|
background: #d9d9d9;
|
|
box-shadow: 0px 0px 3px 1px #ccc;
|
|
.quick-actions{
|
|
list-style: none;
|
|
padding: 2px 0px 7px 0px;
|
|
li{
|
|
float: left;
|
|
width: 33%;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
.movie-page{
|
|
.card{
|
|
.card-header{
|
|
h1{
|
|
display: inline-block;
|
|
font-size: 1.7em;
|
|
}
|
|
}
|
|
}
|
|
.tagline{
|
|
text-transform: uppercase;
|
|
}
|
|
.cast-list{
|
|
.department{
|
|
.persons{
|
|
.person{
|
|
img{
|
|
max-width: 45px;
|
|
margin-right: 5px;
|
|
}
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|