* PLT-6905 - Updating channel header design * Updating border-radius * Updating radius for wide icons * Updating trigger for overlay * Updating UI for channel header * Updating channel header sizing * Updating channel header css * Updating sidebar css * Updating status icons * Adjusting border * Updating comment * Removing type from status icon * Fixing UI issues for the channel header/sidebar * make "Add a channel description" open the channel header modal * Updating status and opacity * Updating stauts icon positioning * Updating description and heading size * Updating UI changes * Updating UI changes * add a focused class to the parent div .search__form and then remove when hover away * Fix active state for pinned posts icon * Updating UI changes * Update channel header text
39 строки
818 B
SCSS
39 строки
818 B
SCSS
@charset 'UTF-8';
|
|
|
|
@mixin file-icon($path) {
|
|
@include background-size(60px auto);
|
|
background-color: $white;
|
|
background-image: url($path);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@mixin alpha-property($property, $color, $opacity) {
|
|
#{$property}: rgba($color, $opacity);
|
|
}
|
|
|
|
@mixin font-smoothing($value: antialiased) {
|
|
@if $value == antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
@else {
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
-moz-osx-font-smoothing: auto;
|
|
}
|
|
}
|
|
|
|
@mixin cursor($value) {
|
|
cursor: -webkit-$value;
|
|
cursor: zoom-$value;
|
|
}
|
|
|
|
// Webrtc button
|
|
@mixin webrtc-button {
|
|
.webrtc__button {
|
|
&.offline {
|
|
@include opacity(.5);
|
|
}
|
|
}
|
|
}
|