Skip to content

Instantly share code, notes, and snippets.


Denis denisfl

View GitHub Profile
denisfl / get-sprite.sass
Created Dec 11, 2012 — forked from dfadler/get-sprite.sass
A SASS mixin for generating a sprite declaration block that will work with media queries
View get-sprite.sass
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true)
$sprite-image: sprite-file($map, $sprite)
$sprite-map: sprite-url($map)
denisfl / .bowerrc
Last active Aug 29, 2015
Middleman bower template
View .bowerrc
"directory": "bower_components"
View vertical_rythm.scss
$vr-font-size: 15px !global;
$vr-line-height: 1.5 !global;
$vr-cap-height: 0.6 !global;
$vr-line-scale: 2 !global;
$vr-grid-unit: $vr-line-height * $vr-font-size / $vr-line-scale !global; // (px)
@function em($px: 0, $font-size: $vr-font-size) {
@return $px / $font-size + em;
denisfl / .csscomb.json
Created Jan 16, 2016
Config fo csscomb
View .csscomb.json
"remove-empty-rulesets": true,
"always-semicolon": true,
"block-indent": 2,
"color-case": "upper",
"color-shorthand": false,
"element-case": "lower",
"eof-newline": true,
"exclude": [
denisfl /
Last active Jan 16, 2016
Общие соглашения по верстке фронтенда

При разработке необходимо использовать gulp или webpack.

Структура папок

Структура может быть различной в зависимости от проекта, но выделять

  • компоненты
  • стейты
  • ресурсы (стили, скрипты, картинки), которые никак нельзя вынести в какой-то отдельный компонент
View Checkbox.css
@import "imports/variables.css";
:root {
--Checkbox-uncheck-border-color: #979797;
@component Checkbox {
position: relative;
denisfl / .zshrc
Last active Nov 29, 2019
.zshrc config
View .zshrc
# Path to your oh-my-zsh installation.
export ZSH=$HOME/.oh-my-zsh
# Set name of the theme to load.
# Look in ~/.oh-my-zsh/themes/
# Optionally, if you set this to "random", it'll load a random theme each
# time that oh-my-zsh is loaded.
denisfl / store.js
Created Aug 3, 2018
Vue code exaple
View store.js
import Vue from 'vue'
import Vuex from 'vuex'
import slice from 'lodash/slice'
import take from 'lodash/take'
import flattenDeep from 'lodash/flattenDeep'
import each from 'lodash/each'
const URL = '/teasers'
denisfl / Item.vue
Last active Aug 3, 2018
Vue code example: build grid like Yandex.Zen
View Item.vue
<div class="item" :class="itemClasses" :data-id="">
<div class="item-container">
<div class="item-cover">
<div class="item-cover-thumb" :style="thumbUrl"></div>
<div class="item-cover-mask"></div>
<div class="item-content">
<div class="item-title" :class="titleClasses">
<a class="item-link" :href="item.url" v-if="item.url && !fullArticle">