BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add new line to end of file

Browse Source
This commit is contained in:
KDSBrowne 2017-09-19 07:55:46 -07:00
parent beff9626bc
commit f385103935
1 changed files with 94 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

188
bigbluebutton-html5/imports/ui/stylesheets/variables/focus.scss
View File

@ -1,94 +1,94 @@
$focus-border-size: 3px; $focus-border-size: 3px;
$color-primary: #0F70D7 !default; $color-primary: #0F70D7 !default;
$user-list-bg: #F3F6F9; $user-list-bg: #F3F6F9;
$color-white: #FFF; $color-white: #FFF;
.customListFocus { .customListFocus {
border: $focus-border-size solid $user-list-bg; border: $focus-border-size solid $user-list-bg;
border-radius: $focus-border-size; border-radius: $focus-border-size;
&, &,
&:active { &:active {
&:focus { &:focus {
outline: none !important; outline: none !important;
border: $focus-border-size solid $color-primary; border: $focus-border-size solid $color-primary;
} }
} }
} }
.customUserItemFocus, .customUserItemFocus,
.customChatItemFocus { .customChatItemFocus {
border: $focus-border-size solid $user-list-bg; border: $focus-border-size solid $user-list-bg;
border-radius: $focus-border-size; border-radius: $focus-border-size;
&, &,
&:active { &:active {
&:focus { &:focus {
outline: none !important; outline: none !important;
border: $focus-border-size solid $user-list-bg; border: $focus-border-size solid $user-list-bg;
border-left: $focus-border-size solid $color-primary; border-left: $focus-border-size solid $color-primary;
padding-left: $focus-border-size; padding-left: $focus-border-size;
border-radius: $focus-border-size; border-radius: $focus-border-size;
} }
} }
} }
.customListItemFocus { .customListItemFocus {
position: relative; position: relative;
display: inline-block; display: inline-block;
border-left: $focus-border-size solid $color-white; border-left: $focus-border-size solid $color-white;
border-right: $focus-border-size solid $color-white; border-right: $focus-border-size solid $color-white;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
&, &,
&:active { &:active {
&:focus { &:focus {
outline: none !important; outline: none !important;
border-left: $focus-border-size solid $color-primary; border-left: $focus-border-size solid $color-primary;
border-right: $focus-border-size solid $color-white; border-right: $focus-border-size solid $color-white;
> i, span { > i, span {
left: $focus-border-size; left: $focus-border-size;
} }
} }
} }
} }
.customInputFocus, .customInputFocus,
.customSelectFocus, .customSelectFocus,
.customLinkFocus { .customLinkFocus {
border: $focus-border-size solid $color-white; border: $focus-border-size solid $color-white;
&, &,
&:active { &:active {
&:focus { &:focus {
outline: none !important; outline: none !important;
border: $focus-border-size solid $color-primary; border: $focus-border-size solid $color-primary;
} }
} }
} }
.customBtnFocus { .customBtnFocus {
border: none; border: none;
position: relative; position: relative;
overflow: visible; overflow: visible;
display: inline-block; display: inline-block;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
&, &,
&:active { &:active {
&:focus { &:focus {
outline: none !important; outline: none !important;
} }
} }
&:focus::before { &:focus::before {
position: absolute; position: absolute;
content: ''; content: '';
top: calc(.1em - .25em - .25em); top: calc(.1em - .25em - .25em);
left: calc(.1em - .25em - .25em); left: calc(.1em - .25em - .25em);
right: calc(.1em - .25em - .25em); right: calc(.1em - .25em - .25em);
bottom: calc(.1em - .25em - .25em); bottom: calc(.1em - .25em - .25em);
border-radius: $focus-border-size; border-radius: $focus-border-size;
border: $focus-border-size solid $color-primary; border: $focus-border-size solid $color-primary;
} }
} }