plasma
plasma copied to clipboard
wework
**Preview:** --------- **Assets:** - [Search icon](https://www.dropbox.com/s/1e0js4r5s63v0xv/icon-search.svg?dl=0) --------- **CSS (limited):** _Search CSS largely the same as a text input (see #14) and select (see #15). Additions and differences below:_ **Regular:** ```...
**Preview:** ------- **CSS:** ``` /* Image */ padding: 10px 0 10px 10px; /* Image */ width: 100px; height: 60px; background-image: url(); background-size: cover; ```
**Preview:** ------- **CSS:** ``` /* Action */ padding: 0 0 0 4px; /* Icon */ height: 30px; width: 30px; color: $gray300; ``` ------- **Note:** The actions menu on-hover of the...
**Preview:** ------- **CSS:** ``` /* Avatar */ padding: 10px 0 10px 10px; /* Avatar */ width: 30px; height: 30px; border-radius: 100%; ```
To signify that a table row is cancelled, complete, occupied etc. ------- **Preview:** ------- **CSS:** ``` /* Null */ background-color: $gray600; ```
**Preview:** --------- **CSS:** ``` /* */ background: $white; border-top: 1px solid $gray300; border-left: 1px solid $gray300; border-right: 1px solid $gray300; border-radius: 2px; border-spacing: 0; width: 100%; ``` --------- **Related issues:**...
Rows that on-click open the side drawer behave like this: --------- **Preview:** --------- **CSS:** ``` /* Row on hover */ background-color: rgba(255,207,113,0.05); /* $weworkyellow @ 5% */ ```
**Preview:** --------- **CSS:** ``` /* */ height: 70px; border-bottom: 1px solid $gray200; font: $bold5; color: $weworkblack; /* Sorted by */ border-bottom: 3px solid $weworkyellow; ```
**Preview:** --------- **CSS:** ``` /* */ padding: 10px 0; min-height: 40px; border-bottom: 1px solid $gray300; font: $regular2; color: $weworkblack; /* Links */ font-weight: bold; color: $linkblue; /* First with text...