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
body{ | |
font-family: sans-serif; | |
} | |
#Q2{ | |
display: none; | |
} | |
.answers div{ | |
display: none; | |
} | |
.show{ |
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 screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | |
/* IE10+ specific styles go here */ | |
} |
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
/* Allow positioning of the overlay */ | |
.overlay { | |
position: relative; | |
} | |
/* Create pseudo element to hold overlay effects */ | |
.overlay::before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
bottom: 0; |
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
<h2 id="my-section"> | |
<a class="anchor" href="#my-section" aria-label="link to section"></a> | |
My Section | |
</h2> | |
<!-- OR --> | |
<section id="my-section"> | |
<h2> | |
<a class="anchor" href="#my-section" aria-label="link to section"></a> | |
My Section | |
</h2> |
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
/// Power function | |
/// @group utility | |
/// @param {number} $base - number to be multiplied | |
/// @param {number (unitless)} $exponents - number of times it should be multiplied | |
/// @return `$base` to the power of `$exponents` | |
@function pow($base, $exponents) { | |
$raised: 1; | |
@for $i from 1 through $exponents { | |
$raised: $raised * $base; | |
} |
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
/// Get value from a deep map | |
/// @group utility | |
/// @param {map} $map - source map to pull key from | |
/// @param {string...} $keys - key to extract value of | |
/// @return key value | |
@function map-deep-get($map, $keys...) { | |
@each $key in $keys { | |
$map: map-get($map, $key); | |
} | |
@return $map; |
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
/// Tint color | |
/// @group utility | |
/// @param {color} $color - color to be tinted | |
/// @param {number(%)} $percentage - key to extract value of | |
/// @return `$color` mixed with white by `$percentage` | |
@function tint($color, $percentage) { | |
@return mix(white, $color, $percentage); | |
} | |
/// Shade color |
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
/// base unit of measurement for spacing | |
/// @type number | |
$space-unit: $line-height !default; | |
/// function to create a general unit of measurement for spacing | |
/// @requires $space-unit | |
/// @group spacing | |
/// @param {number} $value | |
/// @return number(rem) = `$space-unit` times `$value` | |
@function s($value) { |
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
/// Clearfix for floated containers, used as a bugfix | |
/// @group utility | |
@mixin clearfix { | |
content: ''; | |
visibility: hidden; | |
display: block; | |
font-size: 0; | |
height: 0; | |
clear: both; | |
} |
OlderNewer