Skip to content

Instantly share code, notes, and snippets.

@MowiliMi

MowiliMi/gist:b997694b0c885dff7819b6abbe4ae75b

Last active January 21, 2022 13:46
Show Gist options
  • Save MowiliMi/b997694b0c885dff7819b6abbe4ae75b to your computer and use it in GitHub Desktop.
Save MowiliMi/b997694b0c885dff7819b6abbe4ae75b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. MowiliMi revised this gist Jan 21, 2022. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -85,4 +85,8 @@ body {
    a {
    color: $link-color;
    text-decoration: none;
    transition:
    transition:



    AIzaSyAtmBSXvP9ncXEIpRE8CeKTS5FmOsknAY4
  2. MowiliMi created this gist Jan 21, 2022.
    88 changes: 88 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,88 @@
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600&display=swap" rel="stylesheet" />

    // @import '~bootstrap-4-grid/scss/grid/_functions.scss';
    // @import '~bootstrap-4-grid/scss/grid/_variables.scss';
    // @import '~bootstrap-4-grid/scss/grid/mixins/_breakpoints.scss';

    //768px
    @mixin breakpoint-tablet {
    @media screen and (min-width: 48em) {
    @content;
    }
    }

    //1200px
    @mixin breakpoint-desktop {
    @media screen and (min-width: 75em) {
    @content;
    }
    }

    // // 576.0px
    // @mixin breakpoint-mobile {
    // @media screen and (min-width: 1rem) {
    // @content;
    // }
    // }

    // // 768.0px
    // @mixin breakpoint-tablet {
    // @media screen and (min-width: 48rem) {
    // @content;
    // }
    // }

    // // 1200.0px
    // @mixin breakpoint-desktop {
    // @media screen and (min-width: 75rem) {
    // @content;
    // }
    // }

    // // 1400.0px
    // @mixin breakpoint-desktop-wider {
    // @media screen and (min-width: 87.5rem) {
    // @content;
    // }
    // }


    @import '~normalize.css/normalize.css';

    @import './utils/container';
    @import './variables';

    @import './plugins/vueNotification';
    @import './plugins/vueSelect';
    @import './plugins/vueSimplebar';
    @import './plugins/vueTooltip';


    *,
    *::before,
    *::after {
    box-sizing: inherit;
    }

    html {
    font-family: 'Fira Sans', sans-serif;
    box-sizing: border-box;
    width: 100%;
    height: 100%;

    }

    body {
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.5;
    font-size: $font-size-primary;
    color: $color-black;
    }

    a {
    color: $link-color;
    text-decoration: none;
    transition: