Skip to content

Instantly share code, notes, and snippets.

View rogerioyokoi's full-sized avatar

Rogério Yokoi rogerioyokoi

View GitHub Profile
@rogerioyokoi
rogerioyokoi / breakpoints.scss
Last active November 15, 2022 05:59
A Sass(scss) breakpoints managment system.
@use 'sass:map';
@use 'sass:list';
@use 'sass:meta';
@use 'sass:math';
///
/// Convert Pixels to REM
///
@function to-rem($size, $context) {
@return (math.div(strip-unit($size), $context)) * 1rem;
@rogerioyokoi
rogerioyokoi / scaffolding.md
Created March 5, 2020 14:41
My idea of ​​organizing folders for Angular projects

src/ ├── e2e/ | └── ... ├── src/ | ├── app/ | | ├── core/ | | ├── modules/ | | | ├── module/ | | | | ├── components/ | | | | | └── component-name/

@rogerioyokoi
rogerioyokoi / contrast-function.scss
Last active January 28, 2019 14:28
Contrast Mixin to helper implement accessibility colors.
// ----
// libsass (v3.5.4)
// ----
$contrasts: 'base', 'contrast-white', 'contrast-black';
$colors: (
'primary': (
'base': red,
'contrast-white': white,
@rogerioyokoi
rogerioyokoi / .eslintrc
Created May 24, 2017 13:41 — forked from cletusw/.eslintrc
ESLint Reset - A starter .eslintrc file that resets all rules to off and includes a description of what each rule does. From here, enable the rules that you care about by changing the 0 to a 1 or 2. 1 means warning (will not affect exit code) and 2 means error (will affect exit code).
{
// http://eslint.org/docs/rules/
"ecmaFeatures": {
"binaryLiterals": false, // enable binary literals
"blockBindings": false, // enable let and const (aka block bindings)
"defaultParams": false, // enable default function parameters
"forOf": false, // enable for-of loops
"generators": false, // enable generators
"objectLiteralComputedProperties": false, // enable computed object literal property names
@rogerioyokoi
rogerioyokoi / .eslintrc.yaml
Created May 24, 2017 13:35 — forked from odedw/.eslintrc.yaml
ESLint Reset - A starter .eslintrc file that resets all rules to off and includes a description of what each rule does. From here, enable the rules that you care about by changing the 0 to a 1 or 2. 1 means warning (will not affect exit code) and 2 means error (will affect exit code).
# http:#eslint.org/docs/rules/
ecmaFeatures:
binaryLiterals: false # enable binary literals
blockBindings: false # enable let and const (aka block bindings)
defaultParams: false # enable default function parameters
forOf: false # enable for-of loops
generators: false # enable generators
objectLiteralComputedProperties: false # enable computed object literal property names
objectLiteralDuplicateProperties: false # enable duplicate object literal properties in strict mode
objectLiteralShorthandMethods: false # enable object literal shorthand methods