Skip to content

Instantly share code, notes, and snippets.

View mrkkr's full-sized avatar

Marek mrkkr

  • Poland
View GitHub Profile
@mrkkr
mrkkr / flexbox-prefixy.css
Last active January 22, 2018 13:16
Prefixy flexbox #css
{
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
flex-direction: column;
-webkit-flex-direction: column;
-webkit-align-self: center;
@mrkkr
mrkkr / two_cols_menu_wp.html
Last active December 1, 2017 12:45
Dwie kolumny menu WP #php #html
<div class="menu-container text-left">
<div class="col-1-menu">
<?php wp_nav_menu(
array(
'theme_location' => 'primary-menu',
'container' => 'true',
'container_class' => 'modal-body',
'container_id' => 'menuModal',
'fallback_cb' => '',
'menu_id' => 'main-menu',
@mrkkr
mrkkr / horizontal_line.css
Last active February 15, 2018 15:35
Linia horyzontalna #css
.horizontal-line {
position: relative;
}
.horizontal-line::before {
position: absolute;
top: 50%;
right: 100%;
overflow: hidden;
width: 150%;
height: 1px;
@mrkkr
mrkkr / root_hosts_access.txt
Created November 29, 2017 09:09
Edycja pliku etc/hosts w Linuxie #linux
sudo -i gedit /etc/hosts
@mrkkr
mrkkr / arrow_bounce.css
Created November 29, 2017 14:55
Bounce arrow #css
/*bounce arrow scroll*/
@keyframes bounce-scroll {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
@mrkkr
mrkkr / boot4_flexbox_equal_column_horizontally_vertically_centered.html
Created December 1, 2017 11:36
Równe kolumny wycentrowane w poziomie i pionie #html #css
<div class="row no-gutters sekcje">
<div class="col-xs-12 col-sm-6 col-md-6 d-flex align-items-center justify-content-center">
<h2 class="head-main-section-blue">Lorem ipsum</h2>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 d-flex align-items-center">
<p class="par text-left">Lorem Ipsum</p>
</div>
</div>
@mrkkr
mrkkr / logo_link_themes_folder_dir.php
Last active February 28, 2018 14:17
Logo linkujące do folderu ze zdjęciami w szablonie #php #html
@mrkkr
mrkkr / reorder_col_flex_boot4.html
Last active December 4, 2017 11:42
Zmiana kolejności kolumn we Boot4 Flex #html #css
<div class="container">
<div class="row">
/// mobile-first!
<div class="col-3 col-md-6">
<div class="card card-body">1</div>
</div>
<div class="col-6 col-md-12 order-2 order-md-12"> ///kolejność order-*-*
<div class="card card-body">3</div>
</div>
<div class="col-3 col-md-6 order-3">
@mrkkr
mrkkr / clear_typing_text_animation.js
Last active December 4, 2017 21:49
Animacja pisania tekstu (bez bibliotek) #js
/*<h1>
<a href="" class="typewrite" data-period="500" data-type='[ "Hi, Im Si.", "I am Creative.", "I Love Design.", "I Love to Develop." ]'>
<span class="wrap"></span>
</a>
</h1>*/
var TxtType = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
@mrkkr
mrkkr / display_hide_col_boot4.txt
Last active December 20, 2017 11:57
Właściwości display w Boot4 #link #html #css #link
https://getbootstrap.com/docs/4.0/utilities/display/