Skip to content
Permalink
Browse files

Remove menu animation in mobile

  • Loading branch information
ronaldaug committed Nov 2, 2019
1 parent df6315c commit b41cddd05e7ed235d4f1f2039eed151d2e6f2fd5
Showing with 36 additions and 24 deletions.
  1. +3 −3 README.md
  2. +7 −5 css/style.css
  3. +1 −1 css/style.css.map
  4. +25 −15 sass/_navbar.scss
@@ -1,6 +1,6 @@
# Styler - A lightweight and responsive theme for Bludit CMS.

# Features
## Features
- Full-screen image slider
- Fade In Animations (AOS)
- SASS
@@ -15,10 +15,10 @@
- Create a new category called "slider"
- Create posts that link to "slider" category
- Slider image is equal to cover image.
- Recommend slider image size is 1200 X 400 in pixels
- Recommend slider image size is 1200 x 400 in pixels


# How to change main theme colors
## How to change main theme colors
- Open `sass/_variables.scss` and edit two virables `$theme-color` and `$theme-hover-color`
- Compile SASS to `css/style.css`

Some generated files are not rendered by default. Learn more.

Some generated files are not rendered by default. Learn more.

@@ -3,21 +3,6 @@
line-height:1em;
.nav-link{
color:#fff;
position:relative;
&:before{
transition:all ease 0.2s;
width:0;
height:1px;
background:#fff;
left:50%;
bottom:0;
content:'';
position: absolute;
}
&:hover:before{
width:100%;
left:0;
}
}
}
.navbar-toggler{
@@ -26,3 +11,28 @@
}
}
}


@media (min-width:768px){
.navbar{
.nav-item{
.nav-link{
position:relative;
&:before{
transition:all ease 0.2s;
width:0;
height:1px;
background:#fff;
left:50%;
bottom:0;
content:'';
position: absolute;
}
&:hover:before{
width:100%;
left:0;
}
}
}
}
}

0 comments on commit b41cddd

Please sign in to comment.
You can’t perform that action at this time.