Skip to content

Instantly share code, notes, and snippets.

View sanoop-jose's full-sized avatar

Sanoop Jose T sanoop-jose

  • Bangalore
View GitHub Profile
@sanoop-jose
sanoop-jose / sass-theme-app-styles.scss
Created June 14, 2018 19:34
SASS Theme example app styles
.window {
display: flex;
width: 100%;
flex-direction: column;
font-family: 'Nunito Sans', sans-serif;
.header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
@sanoop-jose
sanoop-jose / sass-theme.scss
Created June 14, 2018 19:32
SASS Theme example theme file
$themes: (
light: (
backgroundLight: #fff,
backgroundDark: #f7f7f8,
textColor: #fff,
textDark: #000,
textLight: #919394,
contentColor: #b9baba,
iconColor: #000,
@sanoop-jose
sanoop-jose / sass-theme-markup.html
Created June 14, 2018 19:29
SASS Theme example markup
<div class="wrapper">
<div class="theme-wrapper theme-light color-scheme-default">
<div class="window">
<div class="header">
<div class="header-title-wrapper">
<i class="fa fa-free-code-camp" aria-hidden="true"></i>
<div class="header-title">Dashboard Example</div>
</div>
<div class="logout-button">
<i class="fa fa-sign-out" aria-hidden="true"></i> Logout