Files
@ 4d15cbf85c48
Branch filter:
Location: symposion_app/static/src/scss/app.scss
4d15cbf85c48
1.9 KiB
text/x-scss
Add first 2019 design attempts
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 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 | @import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');
$primary: #0F7C11;
$secondary: #FFFFFF;
$font-family-base: "Space Mono" !default;
$headings-font-family: "Space Mono";
$font-size-base: 1rem;
$h1-font-size: $font-size-base * 4.75;
$h2-font-size: $font-size-base * 2.5;
$h3-font-size: $font-size-base * 1.875;
$line-height-base: 1.6875;
$headings-line-height: 1.05;
$padding-left-default: 5.3125rem;
body {
overflow-x: hidden;
}
.text-page {
h2 {
padding-top: 3rem;
padding-bottom: 2rem;
}
h1 {
padding-bottom: 6rem;
}
}
html {
font-size: 16px;
}
footer {
margin-top: 12rem;
padding-left: $padding-left-default;
color: $primary;
font-size: 0.81rem
}
#hero {
width: 100%;
padding-left: $padding-left-default;
padding-right: 5.3125rem;
}
.green-block {
margin-top: 16rem;
margin-bottom: 8rem;
padding-top: 24rem;
height: 1247px;
}
.green-background {
position: relative;
background: $primary;
color: white;
}
.sidescroll {
position: absolute !important;
top: -8rem;
width: 100%;
height: 405px;
padding-right: 0 !important;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
&::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
}
}
.content {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: $padding-left-default !important;
padding-right: 5.3125rem !important;
}
li.nav-item {
height: 2.75rem;
a.nav-link {
//line-height: 1rem;
padding-top: 0;
}
&.active > a.nav-link {
font-weight: 700;
&:before {
content: "•";
margin-right: -4px;
}
}
}
main.container-fluid {
padding: 0;
}
@import "nav.scss";
@import "bootstrap.scss";
|