giovannif23
/ sass-naming-styles.scss
Last active
September 14, 2021 03:33
Sass naming style options
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * ELEMENT NAMING | |
| */ | |
| // NAMING STYLE V1 (true BEM) | |
| .k-input { | |
| @apply border-gray-200; | |
| @apply rounded; | |
| // ELEMENTS .k-input__icon |
giovannif23
/ qsf-styleguide-snippet-empty-state.html
Created
February 3, 2016 17:31
QSF Styleguide, Component, Empty State
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="marketing-view padded-content-page" layout="column" flex> | |
| <div layout="row" flex> | |
| <md-content layout="column" class="md-whiteframe-2dp" flex> | |
| <div layout-fill class="empty-state flex-view" flex layout="column" layout-align="center center"> | |
| <i class="zmdi zmdi-phone"></i> | |
| <h1>Subscribe to Lobby Today</h1> | |
| <p>To unlock this feature, call Sales at 704-248-2609</p> | |
| </div> | |
| </md-content> | |
| </div> |