Skip to content

Instantly share code, notes, and snippets.

@serj08
serj08 / on top
Last active August 2, 2017 10:34
On top button
sass:
.top
position: fixed
bottom: 25px
right: -100px
background-color: #e0e0e0
z-index: 10
border-radius: 10em
color: #666
@serj08
serj08 / sass cycle
Created July 24, 2017 22:01
sass colors cycle
$colors: $blue, $red, $accent
@for $i from 1 through length($colors)
.carousel-services .owl-item:nth-child(#{length($colors)}n+#{$i})
background-color: nth($colors, $i)
@serj08
serj08 / hamburger and main-mnu
Last active July 24, 2017 15:16
customize menu and hamburger css
html:
<nav class="main-mnu">
<ul>
<li class="active"><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Наши работы</a></li>
<li><a href="#">Контакты</a></li>
</ul>
@serj08
serj08 / preloader
Last active July 5, 2017 10:52
preloader
HTML:
<div class="preloader"><div class="pulse"></div></div>
SASS:
@mixin opacity($opacity)
opacity: $opacity / 100
filter: alpha(opacity=$opacity)
.preloader
position: fixed
@serj08
serj08 / quotes
Created July 4, 2017 12:30
Customize quotes
.quotes
position: absolute
width: 100%
&::after, &::before
content: ',,'
position: absolute
font-size: 56px
color: $accent
font-family: 'Times New Roman', sans-serif
font-weight: bold
@serj08
serj08 / mmenu
Created July 4, 2017 10:35
Customize mmenu plugin
//стилизация плагина mmenu
.mm-navbar
height: auto
position: relative
border: none
.mm-title
padding: 0
img
width: 100px
height: auto
@serj08
serj08 / fotorama
Created July 4, 2017 10:25
Customize fotorama plagin
.fotorama
background-color: rgba($dark, .4)
&__nav
&-wrap
position: absolute
bottom: 15px
padding: 0 30px
width: 100%
&__thumb
border: 5px solid #fff
@serj08
serj08 / selectize
Created July 4, 2017 10:22
Customize selectize plugin
.selectize-control .selectize-input,
.selectize-control.single .selectize-input.input-active
background-color: transparent
border: 1px solid rgba(#000, .1)
border-bottom: 2px solid rgba(#000, .1)
border-radius: 2px
padding: 8px 22px
outline: none
display: inline-block
@serj08
serj08 / button.sass
Last active October 30, 2018 16:50
Button sass style by agragregra...
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@serj08
serj08 / Custom callback function
Created June 16, 2017 11:19
For commemnts on page
function mytheme_comment($comment, $args, $depth) {
if ( 'div' === $args['style'] ) {
$tag = 'div';
$add_below = 'comment';
} else {
$tag = 'li';
$add_below = 'div-comment';
}
?>
<<?php echo $tag ?> <?php comment_class( empty( $args['has_children'] ) ? '' : 'parent' ) ?> id="comment-<?php comment_ID() ?>">