Sajhd Hussain sajhd
sajhd
/ center-ie.scss
Last active
November 26, 2020 16:27
When flexbox centering is not picked up in IE
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
| .container { | |
| margin: 0 auto; | |
| left: 0; | |
| right: 0; | |
| width: 100 | |
| } |
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
| <?php | |
| //get current month | |
| $currentMonth = DATE("m"); | |
| echo $currentMonth; | |
| //retrieve season | |
| if ($currentMonth >= "03" && $currentMonth <="05") |
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
| <?php | |
| // Grab the Authentication Library | |
| include locate_template('parts/twitteroauth/autoload.php'); | |
| use Abraham\TwitterOAuth\TwitterOAuth; | |
| // Store some secret keys | |
| $connection_key = 'KEY-HERE'; | |
| $connection_secret = 'SECRET-HERE'; | |
| $access_token = 'TOKEN-HERE'; |
sajhd
/ multi-lines.scss
Last active
September 26, 2017 23:58
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
| .padded-multi-lines { | |
| display: inline; | |
| background: blue; | |
| box-shadow: 5px 0 0 blue, -5px 0 0 blue; | |
| } |
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
| $tablet-width : 480px; | |
| $desktop-width : 800px; | |
| $large-width : 1200px; | |
| $full-width : 1600px; | |
| @mixin device480 { | |
| @media (min-width: #{$tablet-width}) { | |
| @content; | |
| } | |
| } |
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
| // Font weights | |
| $light: 300; | |
| $regular: 400; | |
| $semi-bold: 600; | |
| $bold: 700; | |
sajhd
/ transitions.scss
Created
September 2, 2015 15:42
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
| @mixin transition($args...) { | |
| -webkit-transition: $args; | |
| -moz-transition: $args; | |
| -ms-transition: $args; | |
| -o-transition: $args; | |
| transition: $args; | |
| } | |
| /* | |
| Usage |
sajhd
/ font-size.scss
Created
September 2, 2015 15:16
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
| @function calculateRem($size) { | |
| $remSize: $size / 16px; | |
| @return $remSize * 1rem; | |
| } | |
| @mixin font-size($size) { | |
| font-size: $size; | |
| font-size: calculateRem($size); | |
| } |
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
| // Row Machine /// | |
| @mixin rowMachine($numPerRow, $margin) { | |
| width: ((100% - (($numPerRow - 1) * $margin)) / $numPerRow); | |
| &:nth-of-type(n) { | |
| margin-right: $margin; | |
| } | |
| &:nth-of-type(#{$numPerRow}n) { | |
| margin-right: 0; | |
| margin-bottom: $margin; |
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
| /* Fade In Animation */ | |
| @keyframes fadein { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| /* Firefox < 16 */ | |
| @-moz-keyframes fadein { | |
| from { opacity: 0; } |
NewerOlder