Skip to content

Instantly share code, notes, and snippets.

View kharakhordindemo's full-sized avatar

Kharakhordin Artem kharakhordindemo

View GitHub Profile
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:55
Плавная прокрутка по якорям
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Плавная прокрутка по якорям</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<ul class="anchor-list">
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:58
Скользящая линия
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Скользящая линия</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="nav-underline clearfix">
<ul>
<!-- Preloader -->
<div class="loader">
<div class="loader-inner"></div>
</div>
<!-- Preloader End-->
@kharakhordindemo
kharakhordindemo / modx.txt
Created December 6, 2017 15:19
Разметка дополнительных полей в MODX
Вкладки
[
{"caption":"Info", "fields":
[
{"field":"image","caption":"Изображение Таба","inputTV":"about_us_image",
"sourceFrom":"MIGX"},
{"field":"title","caption":"Заголовок"},
{"field":"description","caption":"Описание","inputTVtype":"textarea"}
]}
@kharakhordindemo
kharakhordindemo / media.css
Created December 6, 2017 15:29
Медиазапросы
@media only screen and (max-width : 1199px){
}
@media only screen and (max-width : 991px){
}
@media only screen and (max-width : 767px){
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>uniMail</title>
</head>
<body>
<form>
@mixin tr($time){
transition: all $time ease;
}
*::-webkit-input-placeholder{
color: $grey;
}
*:-moz-placeholder{
color: $grey;
}
*::-moz-placeholder{
@mixin ul-reset{
margin: 0;
padding: 0;
list-style-type: none;
}
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- код сюда -->
<?php endwhile; endif; ?>