Skip to content

Instantly share code, notes, and snippets.

input {
height: 34px;
width: 100%;
border-radius: 3px;
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}
@jasonheecs
jasonheecs / Responsive Table CSS
Last active December 29, 2015 09:44
Basic CSS Styling to make a table responsive
$breakpoint-medium: 768px;
.responsiveTable {
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
@media screen and (min-width: $breakpoint-medium) {
position: static;
@jasonheecs
jasonheecs / README.markdown
Created January 14, 2016 10:38 — forked from marijn/README.markdown
List of nationalities in YAML, CSV and TXT format

List of nationalities

It's time someone compiled a list of nationalities to use within a web application. This gist attempts to make a first move at that.

##List of countries

I've also compiled a list of countries

CSS spinners

  • Leanest spinner
  • Circle spinner
  • Bidimensional spinner
@jasonheecs
jasonheecs / custom.scss
Last active March 1, 2016 03:38
Nice border color and box-shadow effect
$border-shadow-color: generate-border-shadow-color($color-primary);
.input-element {
border-color: $color-primary;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba($border-shadow-color, 0.6);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
@function generate-border-shadow-color($input-color) {
@return lighten(saturate(adjust-hue($input-color, -0.2273), 23.6585), 14.9020)
}
@jasonheecs
jasonheecs / mixin.scss
Created April 5, 2016 10:24
Sass mixin to set the placeholder color of input elements
// Set the color of placeholder text in input fields
@mixin set-placeholder-color($color) {
// scss-lint:disable PseudoElement, VendorPrefix
::-webkit-input-placeholder { // WebKit, Blink, Edge
color: $color;
}
:-moz-placeholder { // Mozilla Firefox 4 to 18
color: $color;
opacity: 1;
}
@jasonheecs
jasonheecs / move.sh
Created December 13, 2016 08:13
Move files and directories to the parent folder in Linux
# This will move hidden files as well
find . -maxdepth 1 -exec mv {} .. \;
# You will get the message:
# mv: cannot move `.' to `../.': Device or resource busy
# when it tries to move . (current directory) but that won't cause any harm.
@jasonheecs
jasonheecs / move.sh
Created December 14, 2016 08:32
Bash - Move all files in current folder to a subfolder
shopt -s extglob dotglob
mv !(new) new
shopt -u dotglob
@jasonheecs
jasonheecs / what are sections.xml.txt
Created December 14, 2016 10:19
Magento 2 sections.xml
http://magento.stackexchange.com/a/143381
https://mage2.pro/t/topic/1373