Skip to content
Permalink
Browse files
Add style
  • Loading branch information
lorenaramonda committed Feb 23, 2020
1 parent 475f5d3 commit 8d91cf7ff72cbee240d1475f7cfd3fb5fbd1e36e
Show file tree
Hide file tree
Showing 45 changed files with 7,083 additions and 15 deletions.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +1.03 KB assets/images/ok.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,17 @@
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}

@keyframes yeah {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-45deg) scale(2,2);
}
100% {
transform: rotate(0deg);
}
}
@@ -0,0 +1,119 @@
#css-open-menu {
display: none;
}
.menu-btn {
top: 39px;
right: 15px;
position: fixed;
cursor: pointer;
z-index: 9999;
border: none;
background: none;
padding: 0;
display: inline-block;
width: 30px;
height: 20px;
&:focus {
outline: none;
}

@media ($medium-screen) {
display: none;
}

span {
height: 5px;
width: 30px;
background: $dark;
position: absolute;
display: block;
content: '';
transition: all 200ms linear;
&::before, &::after {
height: 5px;
width: 30px;
background: $dark;
position: absolute;
display: block;
content: '';
transition: all 200ms linear;
}
&::before {
top: -10px;
}
&::after {
bottom: -10px;
}
}
&.active, #css-open-menu:checked + & {
// position: fixed;
span {
background-color: transparent;
&::before, &::after {
top: 0;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
}

header[role="navigation"] {
background-color: $light;
padding: 1em 0;
width: 100%;
position: fixed;
top: 0;
z-index: 1;

.container {
align-items: center;
@media ($medium-screen-max) {
display: block;
}
}
@media ($medium-screen-max) {
#css-open-menu:checked + label + & {
height: 100%;
position: fixed;
width: 100%;
}
}
}

.type-blog, .type-post, .type-categories, .type-all-posts, .type-member {
header {
@media ($medium-screen) {
position: relative;
}
}
}

.logo, h1.logo {
margin: 0;
padding: 0;
display: inline-block;
@media ($medium-screen) {
height: 88px;
}
}
.logo {
@include grid-column(17%);
span {
display: none;
}
img {
max-width: 127px;
@media ($medium-screen) {
max-width: 100%; //220px;
}
}
}

.type-blog, .type-categories, .type-post, .type-tags {
//background-color: #efefef;
}
@@ -0,0 +1,88 @@
#nav {
display: none;
font-size: 1.3rem;
@media ($medium-screen-max) {
#css-open-menu:checked + label + header & {
display: block;
text-align: center;
margin-top: 2em;
line-height: 3;
}
}
@media ($medium-screen) {
display: block;
@include grid-column(60%);
}

li {
@media ($medium-screen) {
display: inline;
&:not(:last-child)::after {
content: "/";
}
&:first-child {
@media ($medium-screen) {
display: none;
}
}
}
a {
margin: 0 1em;
text-decoration: none;
}
&.current a, a:hover {
border-bottom: 1px solid #b5b5b5;
padding-bottom: 5px;
}
}
}


.categories-menu {
background-color: #fff;
width: 100%;
overflow-x: hidden;
height: 50px;
overflow-y: hidden ;
line-height: 50px;
text-transform: uppercase;
font-size: .75rem;
border-bottom: 1px dashed #212121;

&.sticky {
position: fixed;
width: 100%;
top: 70px;
left: 0;
border-top: 3px solid #dfdfdf;
z-index: 998;
margin-top: 0;
}

.container {
display: block;
padding-left: 0;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
height: 70px;


li {
display: inline;
padding: 0 15px;

a {
text-decoration: none;
}

&.current > a, a:hover {
text-decoration: underline;
}
}


}

}

0 comments on commit 8d91cf7

Please sign in to comment.