caisse-bliss/assets/css/pages/global.scss

107 lines
1.4 KiB
SCSS
Raw Normal View History

2018-04-18 14:21:58 +02:00
@import '../split/custom_vars';
body {
color: $all-text-color;
2018-05-04 19:53:57 +02:00
font-family: "Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 2rem;
2018-04-18 14:21:58 +02:00
}
2018-05-04 19:27:37 +02:00
.navbar-inverse {
background-color: rgba(0, 0, 0, 0.25);
border-color: #090909;
}
2018-04-20 10:04:29 +02:00
#wrapper {
min-height: 100vh;
2018-04-18 14:21:58 +02:00
}
2018-04-04 16:25:25 +02:00
.main-screen {
min-height: 80vh;
}
2018-04-06 15:43:14 +02:00
2018-05-04 14:50:08 +02:00
.bg-dark {
2018-06-04 13:11:40 +02:00
background: rgba(0, 0, 0, 0.5);
2018-05-04 14:50:08 +02:00
}
.bg-shader {
@extend .bg-dark;
height: 100vh;
}
2018-04-06 15:43:14 +02:00
.bg-img {
2018-05-04 14:50:08 +02:00
background-attachment: fixed;
2018-04-06 15:43:14 +02:00
background-size: cover;
overflow: hidden;
2018-06-04 13:11:40 +02:00
background-position: center;
2018-05-04 14:50:08 +02:00
min-height: 100vh;
}
.bg-accessories {
@extend .bg-img;
background-image: url('../../img/accessories.jpg');
}
.bg-girl {
@extend .bg-img;
background-image: url('../../img/girl_computer.jpg');
}
.bg-color {
2018-05-04 19:27:37 +02:00
background: $deepblue;
color: $light;
2018-05-04 14:50:08 +02:00
a {
2018-05-04 19:27:37 +02:00
color: $lightblue;
2018-05-04 14:50:08 +02:00
}
padding: 1rem;
2018-04-06 15:43:14 +02:00
}
2018-04-17 14:52:31 +02:00
2018-04-18 14:21:58 +02:00
.logo-main {
color: $logo-color;
}
.big-footer {
background: $dark;
color: $light;
height: 4em;
padding: 1em;
box-sizing: border-box;
margin-top: 4em;
}
2018-04-17 14:52:31 +02:00
thead {
2018-04-18 14:21:58 +02:00
background: $dark;
color: $light;
2018-04-17 14:52:31 +02:00
}
2018-04-17 15:08:30 +02:00
ul {
padding: 0;
}
2018-04-17 15:41:00 +02:00
label {
min-width: 20em;
display: inline-block;
}
2018-04-18 14:21:58 +02:00
.try {
margin: 0 auto;
}
2018-04-20 10:04:29 +02:00
.padded {
padding: 1rem;
&-v {
padding: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.marged {
margin: 1rem;
&-v {
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
}
}