Adrian1907
/ sharing.txt
Created
August 13, 2019 11:08
Links for sharing text/url in socials media and messengers
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| facebook - http://www.facebook.com/share.php?u= | |
| twitter - http://www.twitter.com/share?url= | |
| telegram - https://telegram.me/share/url?url= | |
| linkedin - https://www.linkedin.com/shareArticle?mini=true&url= | |
| whatsapp - https://wa.me/?text= |
Adrian1907
/ colors.scss
Created
February 23, 2018 09:23
— forked from siamak/colors.scss
Sass (SCSS) Colors Maps. `map-get`
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $colors: ( | |
| red: ( | |
| base : #FF4E4E, | |
| dark : #FF0005 | |
| ), | |
| dark: ( | |
| base : #212121, | |
| normal : #333333, | |
| light : #E0E0E0 | |
| ) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Scss | |
| $sprite-map: ( | |
| vk: '0 -1 101 101', | |
| fb: '0 105 101 101', | |
| gp: '0 210 101 101' | |
| ); | |
| @each $fragment, $viewbox in $sprite-map { | |
| .#{$fragment} { | |
| background-image: url("../img/icons_sprite.svg#svgView(viewBox(#{$viewbox}))"); |
Adrian1907
/ youtube_iframe_video_preview.html
Last active
October 17, 2017 07:53
Youtube iframe video trick
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| </head> | |
| <body> | |
| <iframe allowfullscreen src="https://www.youtube.com/embed/XMD6xBIXSWo" srcdoc=" | |
| <style>*::selection{background:none;}body{margin:0;position:absolute;top:0;bottom:0;width:100%;overflow:hidden;} | |
| img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}svg{position:absolute;top:calc(50% - 24px);left: calc(50% - 34px)}.playfill{fill:#212121;fill-opacity:0.8;transition:.1s cubic-bezier(0.0,0.0,0.2,1);}body:hover .playfill{fill:red;fill-opacity:1;}.gradient-top{width:100%;height:98px;position:absolute;top:0;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x;} | |
| </style> | |
| <body> |