Skip to content

Instantly share code, notes, and snippets.

View victorshkoda's full-sized avatar

Viktor Shkoda victorshkoda

  • Almaty Kazakhstan
View GitHub Profile
@victorshkoda
victorshkoda / server.js
Created April 14, 2020 07:01
simple express server
/*
* package.json
* "express": "^4.16.4",
* "serve-static": "^1.13.2"
* */
const express = require('express');
const serveStatic = require("serve-static");
const port = process.env.PORT || 5000;
const path = require('path');
@victorshkoda
victorshkoda / treangl.css
Last active February 20, 2020 06:30
Triange box css ctyle
.arrow-up {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid black;
}
.arrow-down {
width: 0;
@victorshkoda
victorshkoda / reactclass.js
Created February 20, 2020 05:58
New react class
import React, {Component} from 'react';
export default class Index extends Component {
constructor(props) {
super(props);
}
state = {
@victorshkoda
victorshkoda / simleserver.js
Last active February 20, 2020 03:53
Simple expressjs server
/*
* package.json
* "express": "^4.16.4",
* "serve-static": "^1.13.2"
* */
const express = require('express');
const serveStatic = require("serve-static");
const port = process.env.PORT || 5000;
const path = require('path');
@victorshkoda
victorshkoda / nuxtserver.js
Created February 20, 2020 03:39
Expressjs server for nuxt project
const express = require('express')
const { Nuxt, Builder } = require('nuxt')
const app = express()
const port = process.env.PORT || 8000
app.set('port', port)
// Import and Set Nuxt.js options
let config = require('../nuxt.config.js')
config.dev = !(process.env.NODE_ENV === 'production')
@victorshkoda
victorshkoda / checkbox.scss
Created February 20, 2020 03:07
Checkbox && radiobutton styles
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
input[type='checkbox'],
input[type='radio'] {
--active: #0ce3ac;
--active-inner: #222;
--focus: 2px rgba(12, 227, 172, .3);
--border: #0ce3ac;
--border-hover: #fff;
--background: #222;
--disabled: #F6F8FF;
@victorshkoda
victorshkoda / gradient.scss
Last active February 20, 2020 03:11
SCSS: mixins gradient forbutton
@mixin btn_gradient($color: #9D9D9D, $width: 200px, $height: 50px){
width: $width;
height: $height;
background: $color;
background: -moz-linear-gradient(top, lighten($color, 25%) 0%, $color 50%, lighten($color, 25%) 100%);
background: -webkit-linear-gradient(top, lighten($color, 25%) 0%,$color 50%,lighten($color, 25%) 100%);
background: linear-gradient(to bottom, lighten($color, 25%) 0%,$color 50%,lighten($color, 25%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color', endColorstr='$color',GradientType=0 );
display: inline-block;
cursor: pointer;