Skip to content

Instantly share code, notes, and snippets.

View rizkysyazuli's full-sized avatar

Rizky Syazuli rizkysyazuli

View GitHub Profile
@rizkysyazuli
rizkysyazuli / mixins-positioning.scss
Last active February 20, 2020 16:14
[SCSS - Positioning] #scss
@mixin position($position, $args) {
@each $o in top right bottom left {
$i: index($args, $o);
@if $i and $i + 1 <= length($args) and type-of(nth($args, $i + 1)) == number {
#{$o}: nth($args, $i + 1);
}
}
position: $position;
}
@rizkysyazuli
rizkysyazuli / foundation-breakpoints.scss
Last active February 20, 2020 14:56
[SCSS - Breakpoints] #scss #responsive
// Here we define the lower and upper bounds for each media size
$small-range: (0em, 40em); /* 0, 640px */
$medium-range: (40.063em, 64em); /* 641px, 1024px */
$large-range: (64.063em, 90em); /* 1025px, 1440px */
$xlarge-range: (90.063em, 120em); /* 1441px, 1920px */
$xxlarge-range: (120.063em); /* 1921px */
// We use these functions to get the ranges for the media queries variables.
@function lower-bound($range){
@if length($range) <= 0 {
@rizkysyazuli
rizkysyazuli / mixins-clearfix.scss
Last active February 20, 2020 16:13
[SCSS - Clearfix] #scss
@mixin clearfix {
*zoom:1;
&:before, &:after { content: " "; display: table; }
&:after { clear: both; }
}
@rizkysyazuli
rizkysyazuli / mixins-css-triangle.scss
Last active February 20, 2020 16:13
[SCSS - Triangle] #scss
@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
content: "";
display: block;
width: 0;
height: 0;
border: inset $triangle-size;
@if ($triangle-direction == top) {
border-color: $triangle-color transparent transparent transparent;
border-top-style: solid;
@rizkysyazuli
rizkysyazuli / responsive-embeds.html
Last active February 20, 2020 16:01
[HTML - Responsive Embeds] #html #responsive #video
<!-- YouTube & Vimeo -->
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
@rizkysyazuli
rizkysyazuli / brew-config
Created August 29, 2014 07:47
brew --config
HOMEBREW_VERSION: 0.9.5
ORIGIN: https://github.com/Homebrew/homebrew.git
HEAD: 531dae0f7104028cbb89b04d6cfd1ebad4cf8266
HOMEBREW_PREFIX: /usr/local
HOMEBREW_CELLAR: /usr/local/Cellar
CPU: quad-core 64-bit haswell
OS X: 10.10-x86_64
Xcode: 5.1.1
CLT: 6.0.0.0.1.1408056701
Clang: 5.1 build 503
@rizkysyazuli
rizkysyazuli / brew-doctor
Created August 29, 2014 07:48
brew doctor
Please note that these warnings are just used to help the Homebrew maintainers
with debugging if you file an issue. If everything you use Homebrew for is
working fine: please don't worry and just ignore them. Thanks!
Warning: Unbrewed dylibs were found in /usr/local/lib.
If you didn't put them there on purpose they could cause problems when
building Homebrew formulae, and may need to be deleted.
Unexpected dylibs:
/usr/local/lib/libmcrypt.4.4.8.dylib
@rizkysyazuli
rizkysyazuli / brew-install-mongodb
Created August 29, 2014 07:50
brew install -v mongodb 2>&1
==> Downloading http://downloads.mongodb.org/src/mongodb-src-r2.6.4.tar.gz
Already downloaded: /Library/Caches/Homebrew/mongodb-2.6.4.tar.gz
==> Verifying mongodb-2.6.4.tar.gz checksum
tar xf /Library/Caches/Homebrew/mongodb-2.6.4.tar.gz
==> /usr/local/opt/scons/bin/scons install --prefix=/usr/local/Cellar/mongodb/2.6.4_1 -j4 --cc=/usr/bin/clang --cxx=/usr/bin/clang++ --osx-version-min=10.10 --full --64
scons: Reading SConscript files ...
Mkdir(".scons/Darwin/nohost")
usage: scons [OPTION] [TARGET] ...
SCons Error: option --osx-version-min: invalid choice: '10.10' (choose from '10.6', '10.7', '10.8', '10.9')
# -*- mode: ruby -*-
# vi: set ft=ruby :
# Vagrantfile API/syntax version. Don't touch unless you know what you're doing!
VAGRANTFILE_API_VERSION = "2"
Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
# All Vagrant configuration is done here. The most common configuration
# options are documented and commented below. For a complete reference,
# please see the online documentation at vagrantup.com.
@rizkysyazuli
rizkysyazuli / install-log.txt
Created October 28, 2014 08:28
meteor bootstrap install
xmjwt-rizky:microscope rizky$ meteor add mizzao:bootstrap-3
/Users/rizky/.meteor/packages/meteor-tool/.1.0.34.xkoxz2++os.osx.x86_64+web.browser+web.cordova/meteor-tool-os.osx.x86_64/dev_bundle/lib/node_modules/fibers/future.js:206
throw(ex);
^
Error: DDP disconnected
at Object.Future.wait (/Users/rizky/.meteor/packages/meteor-tool/.1.0.34.xkoxz2++os.osx.x86_64+web.browser+web.cordova/meteor-tool-os.osx.x86_64/dev_bundle/lib/node_modules/fibers/future.js:326:15)
at _.extend.apply (/Users/rizky/.meteor/packages/meteor-tool/.1.0.34.xkoxz2++os.osx.x86_64+web.browser+web.cordova/meteor-tool-os.osx.x86_64/tools/service-connection.js:107:31)
at _.extend.call (/Users/rizky/.meteor/packages/meteor-tool/.1.0.34.xkoxz2++os.osx.x86_64+web.browser+web.cordova/meteor-tool-os.osx.x86_64/tools/service-connection.js:84:17)
at Object.exports.callPackageServer (/Users/rizky/.meteor/packages/meteor-tool/.1.0.34.xkoxz2++os.osx.x86_64+web.browser+web.cordova/meteor-tool-os.osx.x86_64/tools/packag