Skip to content

Instantly share code, notes, and snippets.

View gsambrotta's full-sized avatar

designbygio gsambrotta

View GitHub Profile
@gsambrotta
gsambrotta / Header.js
Created February 23, 2022 18:34
Tailwind React Hamburger Menu
// full code link: https://codesandbox.io/s/tailwind-react-hamburger-menu-tjhfyx
import { useState } from "react"; // import state
export default function Header() {
const [isNavOpen, setIsNavOpen] = useState(false); // initiate isNavOpen state with false
return (
<div className="flex items-center justify-between border-b border-gray-400 py-8">
<a href="/">

Creating repo

A person in your team create the repo and host on his/her github account.

    $ cd my-projects-folder/ 
    $ mkdir new-project && new-project
    $ git init
 $ git add README.md
@gsambrotta
gsambrotta / vendor-mixin.css
Last active September 14, 2016 15:27
Generated by SassMeister.com.
a {
background-image: -moz-linear-gradient(top, red, #fe0170);
background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(#fe0170));
}
p {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
@gsambrotta
gsambrotta / zindex-map.css
Last active September 14, 2016 15:26
Generated by SassMeister.com.
html {
z-index: 10;
}
.footer-bg {
z-index: 9;
}
.close-button {
z-index: 200;
@gsambrotta
gsambrotta / placeholder-mixin.css
Last active September 14, 2016 15:25
Generated by SassMeister.com.
.form-control ::-webkit-input-placeholder {
color: blue;
}
.form-control :-moz-placeholder {
color: blue;
}
.form-control ::-moz-placeholder {
color: blue;
}
.form-control :-ms-input-placeholder {
@gsambrotta
gsambrotta / colors-palette.css
Last active September 14, 2016 15:25
Generated by SassMeister.com.
.biox-black {
background: #111;
}
.biox-black--text {
color: #111;
}
.biox-white {
background: #fff;
}
@gsambrotta
gsambrotta / all-gradients-output.css
Last active September 7, 2016 23:36
Generated by SassMeister.com.
.selector2 {
background: right;
background: -webkit-linear-gradient(10px, right, #FC913A 0%, #FF4E50 100%);
background: linear-gradient(10px, right, #FC913A 0%, #FF4E50 100%);
background: -webkit-linear-gradient(10px, right, #FC913A 0%, #FF4E50 100%);
background: linear-gradient(10px, right, #FC913A 0%, #FF4E50 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid transparent;
-moz-border-image: -moz-linear-gradient(10px, right, #FC913A 0%, #FF4E50 100%);
@gsambrotta
gsambrotta / themefy-colors-output.css
Last active September 7, 2016 23:35
Generated by SassMeister.com.
.theme-default .primary-color,
.theme-default.primary-color {
background: #02a8d4 !important;
background-color: #02a8d4 !important;
}
.theme-default .primary-color--text,
.theme-default.primary-color--text {
color: #02a8d4 !important;
}
@gsambrotta
gsambrotta / make-class-color-function-output.css
Last active September 7, 2016 23:17
Generated by SassMeister.com.
.biox-black {
background: #111;
}
.biox-black--text {
color: #111;
}
.biox-white {
background: #fff;
}
@gsambrotta
gsambrotta / SassMeister-input.scss
Created October 20, 2015 13:50
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
// utils/z-index/z-index.variables.scss
// -------------