Skip to content
Snippets Groups Projects
index.scss 1.36 KiB
Newer Older
  • Learn to ignore specific revisions
  • Jorik Schellekens's avatar
    Jorik Schellekens committed
    /*
    Copyright 2020 The Matrix.org Foundation C.I.C.
    
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
    
        http://www.apache.org/licenses/LICENSE-2.0
    
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
    */
    
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    @import 'color-scheme';
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    // CSS reset
    
    * {
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        box-sizing: border-box;
        margin: 0;
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    }
    
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    // Styling for universal elements
    
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    html,
    body,
    #root {
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        height: 100%;
        width: 100%;
    
    J. Ryan Stinnett's avatar
    J. Ryan Stinnett committed
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        font-style: normal;
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        font-size: 14px;
        line-height: 24px;
    
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        color: $font;
    
        overflow: auto;
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
        font-weight: bold;
        font-size: 24px;
        line-height: 32px;
    
        text-align: left;
    
        color: $foreground;
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    }
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    
    
    h4 {
        text-align: left;
        width: 100%;
    }
    
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    a {
        color: $link;
        text-decoration: none;
    }
    
    Jorik Schellekens's avatar
    Jorik Schellekens committed
    
    hr {
        border: 1px solid lighten($grey, 50);
        margin: 0 40px;
    }
    
    // Suppress focus ring on form controls for mouse users
    [data-whatintent='mouse'] *:focus {
        outline: none;
    }
    
    
    .matrixIdentifier {
        word-break: break-all;
    }