Skip to content
Snippets Groups Projects
Commit 88a935d1 authored by WiljamiT's avatar WiljamiT
Browse files

styles

parent 0b58f2cc
No related branches found
No related tags found
No related merge requests found
Pipeline #609075 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    index.html
    + 8
    − 4
    View file @ 88a935d1
    ......@@ -6,11 +6,15 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="generator" content="GitLab Pages">
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="styles/styles.css">
    </head>
    <body>
    <div class="test">
    <p>Textttttt</p>
    </div>
    <header>
    <nav class="navBar">
    <p>text</p>
    <p>text</p>
    <button>X</button>
    </nav>
    </header>
    </body>
    </html>
    styles.css deleted 100644 → 0
    + 0
    − 3
    View file @ 0b58f2cc
    .test {
    color: red;
    }
    \ No newline at end of file
    styles/_navbar.scss 0 → 100644
    + 39
    − 0
    View file @ 88a935d1
    @mixin flexColNavLinks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
    @mixin flexRowNavLinks {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    }
    @mixin buttonMain {
    border: 1px solid black;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    }
    body {
    margin: 0;
    padding: 0;
    }
    nav {
    @include flexRowNavLinks();
    background: $navColor;
    button {
    @include buttonMain();
    background: $navButton;
    cursor: pointer;
    &:hover {
    background: red;
    }
    }
    padding: 0 5px 0 5px;
    }
    \ No newline at end of file
    styles/_variables.scss 0 → 100644
    + 2
    − 0
    View file @ 88a935d1
    $navColor: lightblue;
    $navButton: lightgreen;
    \ No newline at end of file
    styles/styles.css 0 → 100644
    + 24
    − 0
    View file @ 88a935d1
    body {
    margin: 0;
    padding: 0;
    }
    nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: lightblue;
    padding: 0 5px 0 5px;
    }
    nav button {
    border: 1px solid black;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: lightgreen;
    cursor: pointer;
    }
    nav button:hover {
    background: red;
    }/*# sourceMappingURL=styles.css.map */
    \ No newline at end of file
    styles/styles.css.map 0 → 100644
    + 1
    − 0
    View file @ 88a935d1
    {"version":3,"sources":["_navbar.scss","styles.css","_variables.scss"],"names":[],"mappings":"AAqBA;EACI,SAAA;EACA,UAAA;ACpBJ;;ADuBA;EAlBI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EAiBA,qBE5BO;EFqCP,oBAAA;ACzBJ;ADiBI;EAdA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EAaI,sBE9BI;EF+BJ,eAAA;ACZR;ADaQ;EACI,eAAA;ACXZ","file":"styles.css"}
    \ No newline at end of file
    styles/styles.scss 0 → 100644
    + 2
    − 0
    View file @ 88a935d1
    @import './variables';
    @import './navbar';
    \ No newline at end of file
    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment