Pinned

1. ChatGPT prompt: Act as a JS concole ChatGPT prompt: Act as a JS concole

   1

   Act as a javascript console. I will provide you with commands, and you will reply with what the javascript console 

   2

   should show. Only reply with the terminal output inside one unique code block, and nothing else. Do not write explanations. 

   3

   Do not type commands unless I instruct you to do so. I will put text inside curly brackets {like this} when 

   4

   I need to tell you something in English. My first command is console.log(“Hello World”);

2. Fluid Typography Fluid Typography

   1

   @mixin fluid-font($min-width, $max-width, $min-font-size, $max-font-size) {

   2

     $unit1: unit($min-width);

   3

     $unit2: unit($max-width);

   4

     $unit3: unit($min-font-size);

   5

     $unit4: unit($max-font-size);

3. font-size.scss font-size.scss

   1

   /**

   2

    * Font size to REMS 

   3

    * Returns: Font-size and lineheight values in REMS with a PX fallback

   4

    * Input: Font-size and lineheight / 10. 16px would be 1.6. E.g.:

   5

    * @include font-size(1.6, 2.4);

4. resets.scss resets.scss

   1

   @mixin reset_link {

   2

     a {

   3

       color: inherit;

   4

       border: none;

   5

       text-decoration: none;

5. A mizin for media querries for break... A mizin for media querries for breakpoints

   1

   $breakpoints:  (

   2

     "xs": 25em, // 400px

   3

     "sm": 34em, // 544px

   4

     "md": 48em, // 768px

   5

     "lg": 60em, // 960px

6. line-clamp.scss line-clamp.scss

   1

   // Default line-clamp is 1

   2

   @mixin text-shorten($numLines: 1) {

   3

     white-space: nowrap;

   4

     text-overflow: ellipsis;

   5

     overflow: hidden;