Code Snippets Sass

Short texts Sass 🧑‍💻 Code snippets Sass ✍️ Reading lists Sass 👀

game

game —- Mario like simple javascript game A [Pen](https://codepen.io/arshdkhn1/pen/QKkvJv) by [Arshad Khan](https://codepen.io/arshdkhn1) on [CodePen](https://codepen.io). [License](https://codepen.io/arshdkhn1/pen/QKkvJv/license). h2 Simple JavaScript Game var LEVELS = [ [” “, ” “, ” “, ” “, ” “, ” “, ” xxx “, ” xx xx xx!xx “, ” o o xx x!!!x “, ” xx!xx “, ” xxxxx xvx […]

Crypto UI

Crypto UI ——— A modern user interface for a cryptocurrency wallet app A [Pen](https://codepen.io/abdlkhn/pen/PeqVJx) by [Abdullah Khan](https://codepen.io/abdlkhn) on [CodePen](https://codepen.io). [License](https://codepen.io/abdlkhn/pen/PeqVJx/license). html head link(rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.0.10/css/all.css” integrity=”sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg” crossorigin=”anonymous”) body #triangle #app #title h4.tertiary Your wallet #balance i.fab.fa-btc.clickable(title=”BTC/USD”) h3.btc-heading(title=”Wallet value”) 0.1234 #menu i.fas.fa-chart-line.fa-2x.secondary.clickable(title=”Wallet Value Chart”) i.fas.fa-user-circle.fa-2x.secondary.clickable(title=”Your Account”) #wallet-container ul#coin-list li.list-item | | #[h5.coin-name Bitcoin] li.list-item.selected-coin | | #[h5.coin-name […]

input :not(:placeholder-shown)

Label input :not(:placeholder-shown) —————————— Floating Material input with :not(:placeholder-shown) A [Pen](https://codepen.io/avstorm/pen/gKGbxo) by [Andreas Storm](https://codepen.io/avstorm) on [CodePen](https://codepen.io). [License](https://codepen.io/avstorm/pen/gKGbxo/license). $primary: #0077FF $dark: #000 body height: 100vh display: grid font-family: Roboto -webkit-text-size-adjust: 100% -webkit-font-smoothing: antialiased * box-sizing: border-box .inp position: relative margin: auto width: 100% max-width: 280px border-radius: 3px overflow: hidden .label position: absolute top: 20px left: 12px […]

Password Generator- Codevember 2017 No. 2

Password Generator —- Copy Select your options and click the “generate” button. Your passord will appear above. Password Length Use lowercase letters Use uppercase letters Use numbers Use special characters Generate! Password Generator- Codevember 2017 No. 2 —————————————– A [Pen](https://codepen.io/harunpehlivan/pen/JjJQoxx) by [HARUN PEHLİVAN](https://codepen.io/harunpehlivan) on [CodePen](https://codepen.io). [License](https://codepen.io/harunpehlivan/pen/JjJQoxx/license). var clipboard = new Clipboard(‘.copy’) var lowercase = “abcdefghijklmnopqrstuvwxyz”, […]

mixins.sass

@use ‘variables’ @use ‘sass:meta’ @use ‘sass:math’ $white: hsla(0, 0%, 100%, 1) $black: invert($white) $hMin: 0 $hMax: 360 $sMin: 0 $sMax: 100 $lMin: 0 $lMax: 100 $h: 0 $s: 0 $l: 0 // это установка параметров шрифта @mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff2 woff ttf svg, $variant: normal) $src: null $extmods: (eot: […]