Skip to content

Instantly share code, notes, and snippets.

View skhashaev's full-sized avatar

Shamil Khashaev skhashaev

View GitHub Profile
// Challenge 1
function addTwo(num) {
return num + 2;
}
// To check if you've completed it, uncomment these console.logs!
// console.log(addTwo(3));
// console.log(addTwo(10));
@skhashaev
skhashaev / sass-comments-input.scss
Last active March 17, 2021 19:56
Generated by SassMeister.com.
// This comment won't be included in the CSS.
/* But this comment will, except in compressed mode. */
/* It can also contain interpolation:
* 1 + 1 = #{1 + 1} */
/*! This comment will be included even in compressed mode. */
p /* Multi-line comments can be written anywhere
@skhashaev
skhashaev / sass-nesting-input.scss
Created March 17, 2021 20:04
Generated by SassMeister.com.
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
@skhashaev
skhashaev / sass-nesting-input-2.scss
Created March 17, 2021 20:06
Generated by SassMeister.com.
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
@skhashaev
skhashaev / sass-nesting-input-3.scss
Last active March 17, 2021 20:51
Generated by SassMeister.com.
ul > {
li {
list-style-type: none;
}
}
h2 {
+ p {
border-top: 1px solid gray;
}
@skhashaev
skhashaev / property-declaration-input.scss
Created March 17, 2021 20:52
Generated by SassMeister.com.
/* --- Property declaration ---*/
// .circle {
// $size: 100px;
// width: $size;
// height: $size;
// border-radius: $size / 2;
// }
/* Interpolation */
// $property: filter;
@skhashaev
skhashaev / parent-selector-input.scss
Last active March 17, 2021 21:16
Generated by SassMeister.com.
/* --- Parent selector */
// .alert {
// background: red;
// &:hover {
// font-weight: bold;
// }
// }
/* Adding suffixes */
@skhashaev
skhashaev / placeholder-selectors-input.scss
Last active March 17, 2021 21:22
Generated by SassMeister.com.
/* --- Placeholder selectors --- */
// .alert:hover, %strong-alert {
// font-weight: bold;
// }
// %strong-alert:hover {
// color: red;
// }
/* Main use of placeholder selectors */
@skhashaev
skhashaev / sass-variables-input.scss
Created March 19, 2021 20:19
Generated by SassMeister.com.
/* --- Variables --- */
// $base-color: #c6538c;
// $border-dark: rgba($base-color, 0.88);
// .alert {
// border: 1px solid $border-dark;
// }
/* Sass variables are not CSS variables */
// $variable: value 1;
// .rule-1 {
/* At-rules */
/* @import */
// @import "_variables";
// @import "_demo";
// .selector {
// margin: $size;
// background-color: $brandColor;
// .nested {