Skip to content

Instantly share code, notes, and snippets.

View evgeniy-vashchuk's full-sized avatar

Front-End Dev. evgeniy-vashchuk

View GitHub Profile
@evgeniy-vashchuk
evgeniy-vashchuk / button.sass
Created May 3, 2017 17:50 — forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
.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
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
@evgeniy-vashchuk
evgeniy-vashchuk / Settings-User.txt
Last active August 5, 2017 18:43
Sublime Text 3 Settings-User
{
"auto_complete": false,
"bold_folder_labels": true,
"color_scheme": "Packages/User/SublimeLinter/OneDark (SL).tmTheme",
"draw_minimap_border": true,
"draw_white_space": "all",
"fold_buttons": false,
"font_size": 14,
"highlight_line": true,
"ignored_packages":
[
{
"keys": ["ctrl+alt+."], "command": "goto_css_declaration",
"args": {"goto": "next"}
},
{
"keys": ["ctrl+alt+,"], "command": "goto_css_declaration",
"args": {"goto": "prev"}
},
{
http://demo.tutorialzine.com/2016/11/boostrap-4-regular-vs-flex-grid/?8-reordering-columns
https://webformyself.com/bootstrap-4-obychnaya-setka-ili-flexbox/
// MAIN TITLE REVEAL ANIMATION
$text-color: $main;
$background-color: #FEF9C1;
$animation-dur: 2s;
$animation-timing-func: ease-in-out;
$animation-iteration: 1;
$animation-fill-mode: forwards;
$animation-delay: 0.5s;
/*========== Desktop First ==========*/
// Large devices (desktops, less than 1200px)
@media only screen and (max-width: 1199px) {
}
// Medium devices (tablets, less than 992px)
@media only screen and (max-width: 991px) {