Dmitriy Skudarnov skrdvx
skrdvx
/ gist:b981ecd531ea4def46c095bfed36f8b1
Created
September 6, 2022 23:45
Deploy to github pages
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
| name: Deploy to github pages | |
| on: | |
| push: | |
| branches: | |
| - master | |
| jobs: | |
| gh-pages-deploy: | |
| name: Deploying to gh-pages | |
| runs-on: ubuntu-latest | |
| steps: |
skrdvx
/ better-font-smoothing.css
Created
December 4, 2017 13:24
— forked from hsleonis/better-font-smoothing.css
Better font smoothing in cross browser
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
| html { | |
| /* Adjust font size */ | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| /* Font varient */ | |
| font-variant-ligatures: none; | |
| -webkit-font-variant-ligatures: none; | |
| /* Smoothing */ | |
| text-rendering: optimizeLegibility; | |
| -moz-osx-font-smoothing: grayscale; |
skrdvx
/ Helvetica Neue stack
Created
December 2, 2017 01:23
— forked from gpessia/Helvetica Neue stack
Helvetica Neue CSS font-family stack. Is there a web-safe Helvetica Neue CSS font-family stack? - See more at: http://rachaelmoore.name/posts/design/css/web-safe-helvetica-font-stack/#sthash.lt6rYYGz.dpuf
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
| /** | |
| * Helvetica Neue Normal (No Stretch) | |
| */ | |
| /* Helvetica Neue Black Font Stack */ | |
| .{font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal;} | |
| /* Helvetica Neue Heavy Font Stack */ | |
| .{font-family: "HelveticaNeueHeavy", "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:700; font-stretch:normal;} |
skrdvx
/ bootstrap-sass-mixin-cheatsheet.scss
Created
November 21, 2017 18:00
— forked from anthonyholmes/bootstrap-sass-mixin-cheatsheet.scss
Bootstrap Sass Mixin Cheatsheet
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
| // Alerts | |
| @include alert-variant($background, $border, $text-color); | |
| // Background Variant | |
| @include bg-variant($parent, $color); | |
| // Border Radius | |
| @include border-top-radius($radius); | |
| @include border-right-radius($radius); | |
| @include border-bottom-radius($radius); |
skrdvx
/ packages.json
Created
November 21, 2017 16:22
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
| backup |
skrdvx
/ bootstrap4-starter-template.html
Created
November 10, 2017 02:18
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 lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <link rel="icon" href=""> | |
| <title>Starter Template for Bootstrap</title> |
skrdvx
/ css-responsive-images.html
Created
August 29, 2017 23:17
— forked from necolas/css-responsive-images.html
Idea for CSS-only responsive images using CSS3 generated content and attr() function. No browser implementation as of May 2011
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> | |
| <meta charset="utf-8"> | |
| <title>CSS responsive images</title> | |
| <style> | |
| /* Doesn't stop original source image being | |
| downloaded too */ | |
| @media (min-device-width:600px) { |
skrdvx
/ SCSS Mixins
Created
August 29, 2017 20:59
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
| /* MixinBank */ | |
| // ************************************ | |
| // TABLE OF CONTENTS | |
| // 1 - Media Queries | |
| // 2 - Hide and Show Element with Transition | |
| // 3 - Center Element (with position: absolute) |
skrdvx
/ example.js
Created
September 11, 2013 02:28
Welcome to your first Gist! Gists are simple code reminders. Whenever you come across a piece of code you think might be useful later on, save it as a Gist. With GistBox, you can also tag the Gist with a label. This is especially useful for keeping them organized by language, project or purpose. For more info about GistBox, visit: http://www.gis…
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
| // log an object to the browser console | |
| console.log({ text: "foobar" }); | |
| alert('!!!'); |