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
// Media Query Breakpoints – Breakpoint values should be in ems, which will allow triggering when users zoom. | |
// Per the W3C, relative units in media query declarations are based on the initial value of :root, which is 16px | |
// e.g., font-size: 1em = 1rem = 16px = 100%; | |
// http://www.w3.org/TR/css3-mediaqueries/#units | |
// TODO: look into x-small and small values for 4-inch mobile devices | |
$screen-sm: 0; // 0px | |
$screen-md: 40em; // 640px | |
$screen-lg: 64em; // 1024px | |
$breakpoints: ( |
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
@mixin triangle($direction, $size: 0.375rem, $color: #222){ | |
display: block; | |
position: absolute; | |
width: 0; | |
height: 0; | |
content: ''; | |
@if ($direction == 'up'){ | |
border-right: $size solid transparent; | |
border-bottom: $size solid $color; | |
border-left: $size solid transparent; |
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
// Select the first nth elements | |
@mixin first($number) { | |
@if $number == 1 { | |
&:first-child { | |
@content; | |
} | |
} | |
@else { | |
&:nth-child(-n + ${$number}) { | |
@content; |
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
// Copyright (c) 2017-present, salesforce.com, inc. All rights reserved | |
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license | |
"use strict" | |
module.exports = { | |
"plugins": [ | |
"stylelint-scss", | |
], | |
"ignoreFiles": [ |