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
// SASS FUNCTION TO CONVERT PX INTO REM | |
// Defining base font size | |
// The default font size for html is 16px | |
$base-size: 16; | |
//Function to convert px value into rem | |
//You can replace rem with any other value you want (rem is most preferred value for web) | |
@function size($target, $context: $base-size) { | |
@return ($target / $context) * 1em; | |
} |
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
const users = [ | |
{ | |
name: 'User #1', | |
bookmarks: [ | |
{ title: 'Movie #1', id: 1 }, | |
{ title: 'Movie #6', id: 6 }, | |
{ title: 'Movie #3', id: 3 }, | |
] | |
}, | |
{ |
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
import React from 'react'; | |
const MIN_SCALE = 1; | |
const MAX_SCALE = 4; | |
const SETTLE_RANGE = 0.001; | |
const ADDITIONAL_LIMIT = 0.2; | |
const DOUBLE_TAP_THRESHOLD = 300; | |
const ANIMATION_SPEED = 0.04; | |
const RESET_ANIMATION_SPEED = 0.08; | |
const INITIAL_X = 0; |