A Pen by Captain Anonymous on CodePen.
This file contains 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
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; | |
} |
This file contains 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
$breakpoint-medium: 768px; | |
.responsiveTable { | |
thead tr { | |
position: absolute; | |
top: -9999px; | |
left: -9999px; | |
@media screen and (min-width: $breakpoint-medium) { | |
position: static; |
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
This file contains 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
$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) | |
} |
This file contains 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
// 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; | |
} |
This file contains 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
# 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. |
This file contains 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
shopt -s extglob dotglob | |
mv !(new) new | |
shopt -u dotglob |
This file contains 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
http://magento.stackexchange.com/a/143381 | |
https://mage2.pro/t/topic/1373 |
OlderNewer