Commit b4f66f36 authored by nirgendswo's avatar nirgendswo

change css

adding components
adding menu button
parent 6f406ce8
......@@ -1422,13 +1422,14 @@ template {
*/
.badge {
font-family: "Droid Sans", sans-serif;
padding: 2px 6px 2px;
font-weight: normal;
padding: 3px 7px 3px;
border: 1px solid;
border-radius: 5px;
position: relative;
top: -3px;
font-size: 8px;
font-size: 0.8rem; }
top: -4px;
font-size: 7px;
font-size: 0.7rem; }
.badge--planned {
background-color: orange;
border-color: #cc8400; }
......@@ -1675,7 +1676,11 @@ textarea {
color: white;
outline: 0; }
.navigation__item .icon {
fill: #c6cbce; }
fill: #c6cbce;
margin: 2px 2px 2px -4px; }
@media (min-width: 1200px) {
.navigation__item .icon {
margin: 0 2px; } }
@media (min-width: 1200px) {
.navigation__item {
@font-size (15);
......@@ -1809,9 +1814,15 @@ textarea {
.button__menu {
position: fixed;
width: 90px;
margin: 5px;
z-index: 101; }
z-index: 101;
top: 15px;
left: 300px;
border: 1px solid black;
color: white;
padding: 8px 12px;
font-weight: bold;
text-transform: uppercase; }
@media (min-width: 1200px) {
.button__menu {
display: none; } }
......
......@@ -27,6 +27,7 @@
"license": "MIT",
"dependencies": {
"normalize.css": "^5.0.0",
"reflex-grid": "^1.3.0"
"reflex-grid": "^1.3.0",
"zepto": "^1.2.0"
}
}
......@@ -11,13 +11,14 @@ $badge-in-progress__color: green;
.badge {
font-family: $font-family;
padding: 2px 6px 2px;
font-weight: normal;
padding: 3px 7px 3px;
border: 1px solid;
border-radius: 5px;
position: relative;
top: -3px;
top: -4px;
&--planned {
background-color: $badge-planned__color;
......@@ -29,5 +30,5 @@ $badge-in-progress__color: green;
border-color: darken($badge-in-progress__color, 10%);
}
@include fontSize(0.8);
@include fontSize(0.7);
}
......@@ -20,10 +20,19 @@
.button__menu {
position: fixed;
width: 90px;
margin: 5px;
z-index: 101;
//position: absolute;
top: 15px;
left: 300px;
border: 1px solid black;
color: white;
padding: 8px 12px;
font-weight: bold;
text-transform: uppercase;
@media (min-width: $reflex-lg) {
display: none;
}
......
......@@ -42,6 +42,11 @@
.icon {
fill: lighten($grey-color, 30%);
margin: 2px 2px 2px -4px;
@media (min-width: $reflex-lg) {
margin: 0 2px;
}
}
@media (min-width: $reflex-lg) {
......
......@@ -19,6 +19,9 @@
</div>
<div class="grid-wrap">
<main class="site-main">
<button class="button button__menu">
Menu
</button>
@section('header')
<div class="grid">
<div class="grid__col-xs-12">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment