Skip to content

Instantly share code, notes, and snippets.

@renatorib

renatorib/operator_with_ligatures.md

Last active January 11, 2024 06:45
Show Gist options
  • Save renatorib/a0d7af29133c8a775b0740d0b67e32a8 to your computer and use it in GitHub Desktop.
Save renatorib/a0d7af29133c8a775b0740d0b67e32a8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. renatorib revised this gist Feb 13, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    # Using Operator Mono with Fira Code ligatures in Atom.

    1. **Open your Atom's Stylesheet**
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)
    ![image](https://cloud.githubusercontent.com/assets/3277185/22894325/bb0a0600-f1ff-11e6-9e90-e7bb05f93f2f.png)

    2. **Put this css**
    ```css
  2. renatorib revised this gist Feb 13, 2017. 1 changed file with 7 additions and 7 deletions.
    14 changes: 7 additions & 7 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -32,15 +32,15 @@ atom-text-editor::shadow {

    For Atom version >= 1.13.x
    ```css
    atom-text-editor {
    .storage.type.function.arrow,
    .keyword.operator:not(.accessor),
    .punctuation.definition.entity.css {
    font-family: 'Fira Code';
    atom-text-editor.editor {
    .syntax--storage.syntax--type.syntax--function.syntax--arrow,
    .syntax--keyword.syntax--operator:not(.accessor),
    .syntax--punctuation.syntax--definition {
    font-family: "Fira Code";
    }

    .string.quoted,
    .string.regexp {
    .syntax--string.syntax--quoted,
    .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }
  3. renatorib revised this gist Jan 30, 2017. 1 changed file with 2 additions and 7 deletions.
    9 changes: 2 additions & 7 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,16 +5,11 @@

    2. **Put this css**
    ```css
    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    }

    atom-text-editor {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Operator Mono";
    font-weight: 400;
    font-weight: 500;
    line-height: 1.7;
    }
    ```
  4. renatorib revised this gist Jan 30, 2017. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -51,8 +51,7 @@ atom-text-editor {
    }
    ```

    3. **Save**.
    It's done.
    Save file and it's done.


    ---
  5. renatorib revised this gist Jan 30, 2017. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,8 +17,10 @@ atom-text-editor {
    font-weight: 400;
    line-height: 1.7;
    }
    ```

    /* Atom < 1.13.x */
    For Atom version < 1.13.x
    ```css
    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator:not(.accessor),
    @@ -31,8 +33,10 @@ atom-text-editor::shadow {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }
    ```

    /* Atom >= 1.13.x */
    For Atom version >= 1.13.x
    ```css
    atom-text-editor {
    .storage.type.function.arrow,
    .keyword.operator:not(.accessor),
  6. renatorib revised this gist Jan 30, 2017. 1 changed file with 20 additions and 5 deletions.
    25 changes: 20 additions & 5 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,20 +5,35 @@

    2. **Put this css**
    ```css
    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    }

    atom-text-editor {
    text-rendering: optimizeLegibility;
    font-family: "Operator Mono";
    font-weight: 400;
    line-height: 1.7;
    }

    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    /* Atom < 1.13.x */
    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator:not(.accessor),
    .punctuation.definition.entity.css {
    font-family: 'Fira Code';
    }

    .string.quoted,
    .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }

    atom-text-editor::shadow {
    /* Atom >= 1.13.x */
    atom-text-editor {
    .storage.type.function.arrow,
    .keyword.operator:not(.accessor),
    .punctuation.definition.entity.css {
  7. renatorib revised this gist Jan 30, 2017. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -20,9 +20,9 @@ atom-pane atom-text-editor {

    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator,
    .meta.brace {
    font-family: "Fira Code";
    .keyword.operator:not(.accessor),
    .punctuation.definition.entity.css {
    font-family: 'Fira Code';
    }

    .string.quoted,
  8. renatorib revised this gist Jan 11, 2017. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,9 @@
    # Using Operator Mono with Fira Code ligatures in Atom.

    1. Open your Atom's Stylesheet
    1. **Open your Atom's Stylesheet**
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)

    2. Put this css
    2. **Put this css**
    ```css
    atom-text-editor {
    text-rendering: optimizeLegibility;
    @@ -32,11 +32,12 @@ atom-text-editor::shadow {
    }
    ```

    3. Save.
    3. **Save**.
    It's done.


    ---

    Works fine with Javascript:

    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
  9. renatorib revised this gist Jan 11, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Using Operator with Fira Code ligatures in Atom.
    # Using Operator Mono with Fira Code ligatures in Atom.

    1. Open your Atom's Stylesheet
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)
  10. renatorib revised this gist Jan 11, 2017. 1 changed file with 7 additions and 4 deletions.
    11 changes: 7 additions & 4 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,5 @@
    # Using Operator with Fira Code ligatures in Atom.

    Works fine with Javascript:
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)

    1. Open your Atom's Stylesheet
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)

    @@ -36,4 +33,10 @@ atom-text-editor::shadow {
    ```

    3. Save.
    It's done.
    It's done.


    ---

    Works fine with Javascript:
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
  11. renatorib revised this gist Jan 11, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Using `Operator` with `Fira Code` ligatures in Atom.
    # Using Operator with Fira Code ligatures in Atom.

    Works fine with Javascript:
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
  12. renatorib revised this gist Jan 11, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ### Using `Operator` with `Fira Code` ligatures in Atom.
    # Using `Operator` with `Fira Code` ligatures in Atom.

    Works fine with Javascript:
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
  13. renatorib revised this gist Jan 11, 2017. 1 changed file with 2 additions and 3 deletions.
    5 changes: 2 additions & 3 deletions operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,9 @@
    ### Using `Operator` with `Fira Code` ligatures in Atom.

    Works fine with Javascript:

    Works fine with Javascript:
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)

    1. Open your Atom's Stylesheet
    1. Open your Atom's Stylesheet
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)

    2. Put this css
  14. renatorib revised this gist Jan 11, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion operator_with_ligatures.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ### Using `Operator` with `Fira Code` ligatures in atom.
    ### Using `Operator` with `Fira Code` ligatures in Atom.

    Works fine with Javascript:

  15. renatorib renamed this gist Jan 11, 2017. 1 changed file with 0 additions and 0 deletions.
    0 1.operator_and_firacode.md → operator_with_ligatures.md
    View file
    File renamed without changes.
  16. renatorib revised this gist Jan 11, 2017. 2 changed files with 38 additions and 26 deletions.
    39 changes: 38 additions & 1 deletion 1.operator_and_firacode.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,40 @@
    ### Using `Operator` with `Fira Code` ligatures in atom.

    Works fine with Javascript:

    ![](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)

    1. Open your Atom's Stylesheet
    ![image](https://cloud.githubusercontent.com/assets/3277185/21861345/9736e034-d81b-11e6-80ce-c1246d808e64.png)

    2. Put this css
    ```css
    atom-text-editor {
    text-rendering: optimizeLegibility;
    font-family: "Operator Mono";
    font-weight: 400;
    line-height: 1.7;
    }

    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    }

    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator,
    .meta.brace {
    font-family: "Fira Code";
    }

    .string.quoted,
    .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }
    ```

    3. Save.
    It's done.
    25 changes: 0 additions & 25 deletions 2.operator_and_firacode.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,25 +0,0 @@
    atom-text-editor {
    text-rendering: optimizeLegibility;
    font-family: "Operator Mono";
    font-weight: 400;
    line-height: 1.7;
    }

    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    }

    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator,
    .meta.brace {
    font-family: "Fira Code";
    }

    .string.quoted,
    .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }
  17. renatorib revised this gist Jan 11, 2017. 2 changed files with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions 1.operator_and_firacode.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    Works fine with Javascript:

    ![](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)
    0 operator_and_firacode.css → 2.operator_and_firacode.css
    View file
    File renamed without changes.
  18. renatorib renamed this gist Jan 11, 2017. 1 changed file with 0 additions and 0 deletions.
    0 operator_and_firacode_stylesheet.css → operator_and_firacode.css
    View file
    File renamed without changes.
  19. renatorib renamed this gist Jan 11, 2017. 1 changed file with 0 additions and 0 deletions.
    0 stylesheet.css → operator_and_firacode_stylesheet.css
    View file
    File renamed without changes.
  20. renatorib renamed this gist Jan 11, 2017. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → stylesheet.css
    View file
    File renamed without changes.
  21. renatorib created this gist Jan 11, 2017.
    25 changes: 25 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,25 @@
    atom-text-editor {
    text-rendering: optimizeLegibility;
    font-family: "Operator Mono";
    font-weight: 400;
    line-height: 1.7;
    }

    atom-pane atom-text-editor {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    }

    atom-text-editor::shadow {
    .storage.type.function.arrow,
    .keyword.operator,
    .meta.brace {
    font-family: "Fira Code";
    }

    .string.quoted,
    .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    }