osc-style

Open Source Consultion Style

OSC-Style is an open source color scheme optimized for the UI, such as fonts, colors, etc., used by the Open Source Consultation R & D team.

Installation

Using npm:

$ npm i --save osc-style

Available Styles and Detailed usage

https://tech.osci.kr/osc-style

Please refer to the homepage.

Currently Supported Formats

SCSS, Sass

Usage

Import the file to your project and use the variables.

Example for Sass, SCSS

    /* color import */
    @import 'path/osc-style/style_variables/osc-color';
    /* font import*/
    @import 'path/osc-style/style_variables/osc-font';
    /* icon import*/
    @import 'path/osc-style/style_variables/osc-icon';
 
    /* color */
    .body {
        background-color: $primary-600;
        color: $inProgress-500;
    }
 
    /* font */
    * {
        @extend .font-spoqa-han-sans;
        @extend .font-noto-sans-kr;
        @extend .font-roboto;
    }

Example for HTML

    <i class="osc-icon-bell-fill"></i>