webcraftmedia/wecker-manufaktur.org
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed navbar + some other css details

Browse Source
This commit is contained in:
Ulf Gebhardt 2019-09-16 16:23:40 +02:00
parent ce056b0fbc
commit 401cb42a74
No known key found for this signature in database
GPG Key ID: 81308EFE29ABFEBD
2 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
wecker_manufaktur/page/default_page/css/default_page.scss
View File

@ -58,6 +58,25 @@ p{
padding-right: $distance_big; padding-right: $distance_big;
position: absolute; position: absolute;
width: 100%; width: 100%;
.navbar-toggler{
right: $distance_small;
top: 15px;
position: absolute;
color: #FFF;
border-color: rgb(255,255,255);
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
}
@media (max-width: $breakpoint_s) {
.navbar-collapse{
position: absolute;
right: $distance_small;
top: 65px;
}
}
} }
strong { strong {
@ -120,6 +139,9 @@ strong {
.badge { .badge {
margin-right: $distance_small; margin-right: $distance_small;
margin-bottom: $distance_small;
font-family: 'sf-pro-light';
font-size: 17px !important;
//height: 22px; //height: 22px;
} }
@ -132,6 +154,7 @@ strong {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
padding: $distance_small;
div{ div{
align-self: center; align-self: center;
} }
@ -150,9 +173,9 @@ strong {
} }
#persons{ #persons{
padding: $distance_small;
padding-top: $distance_large; padding-top: $distance_large;
padding-bottom: $distance_medium; padding-bottom: $distance_medium;
.person { .person {
padding-top: $distance_xlarge; padding-top: $distance_xlarge;
padding-bottom: $distance_medium; padding-bottom: $distance_medium;
@ -186,8 +209,9 @@ strong {
} }
#projects{ #projects{
padding: $distance_small;
padding-top: $distance_large; padding-top: $distance_large;
padding-bottom: $distance_medium; padding-bottom: $distance_large;
h2{ h2{
font-size: $font_size_50; font-size: $font_size_50;
padding-top: $distance_large; padding-top: $distance_large;
@ -234,7 +258,8 @@ strong {
} }
#apply{ #apply{
padding-bottom: $distance_medium; padding: $distance_small;
padding-bottom: $distance_large;
h2{ h2{
font-size: $font_size_50; font-size: $font_size_50;

2
wecker_manufaktur/page/default_page/tpl/default_page.tpl
View File

@ -33,7 +33,7 @@
</head> </head>
<body> <body>
<!-- MENU --> <!-- MENU -->
<nav id="menu" class="navbar navbar-expand-lg navbar-light"> <nav id="menu" class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>