mrkkr’s gists

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 / 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 / horizontal_line.css

Last active February 15, 2018 15:35

Linia horyzontalna #css

mrkkr / root_hosts_access.txt

Created November 29, 2017 09:09

Edycja pliku etc/hosts w Linuxie #linux

sudo -i gedit /etc/hosts

mrkkr / arrow_bounce.css

Created November 29, 2017 14:55

Bounce arrow #css

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 / 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

	<?php if ( is_front_page() && is_home() ) : ?>

	<h1 class="navbar-brand mb-0"><a rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php echo '<img src="'.get_bloginfo('template_directory').'/img/logo-small.png" ?>' ?></a></h1>

	<?php else : ?>

	<a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php echo '<img src="'.get_bloginfo('template_directory').'/img/logo-small.png" ?>' ?></a>

	<?php endif; ?>

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 / 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 / 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/

Marek mrkkr