Ivan Kalachikov ivan-kalachikov
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
| <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> |
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
| <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet"> |
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
| width: 100%; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: stretch; | |
| flex-wrap: wrap; |
ivan-kalachikov
/ gist:6b28ded9452beeb65cfe06b0cc5fab45
Last active
August 27, 2018 12:20
img analog background cover
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
| img{ | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| width: auto; | |
| height: auto; | |
| max-height: none; | |
| max-width: none; | |
| min-height: 100%; | |
| min-width: 100%; |
ivan-kalachikov
/ gist:504c60c454ee6857bb28e78603b0932e
Created
August 18, 2016 10:57
ignore events css value
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
| pointer-events: none; |
ivan-kalachikov
/ gist:4fec6d3aeabded1ad5d7795e65fad515
Created
August 22, 2016 06:18
js open external in new tab
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
| $("a[href^=http]").each( | |
| function(){ | |
| if(this.href.indexOf(location.hostname) == -1) { | |
| $(this).attr('target', '_blank'); | |
| } | |
| }) |
ivan-kalachikov
/ gist:7174d28988e61b9398e6ae2c4595aa6e
Created
August 24, 2016 17:33
keep footer bottom
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
| .main{ | |
| min-height: calc(~"100vh - 248px"); | |
| } |
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
| &:extend(.section-title); |
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
| .custom-iw { | |
| box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); | |
| border-radius: 2px; | |
| background-color: #0086aa; | |
| width: auto !important; | |
| max-width: 253px; | |
| padding: 16px 26px; | |
| color: #fff; | |
| text-align: center; |
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
| table { | |
| td { | |
| display: block; | |
| margin-bottom: 20px; | |
| line-height: 20px; | |
| font-size: 15px; | |
| &:not(:empty)::before { | |
| content: attr(data-title); | |
| display: block; |