u/pc/rhodecode-enterprise-ce-fork-pc Files · rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less

css: using variables and mixins for toast component

lisaq - - Load All Authors

File last commit:

r766:0c989a59 default


                r766:0c989a59

default

Download file

             rhodecode-toast.less
        
                    27 lines
            
             | 519 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / rhodecode / public / js / src / components / rhodecode-toast / rhodecode-toast.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      @import '../../../../css/variables';

      @import '../../../../css/mixins';

      paper-toast{

          width: 100%;

          min-width: 400px;

          --paper-toast-background-color: transparent;

          --paper-toast-color: #000000;

          .box-shadow(none);

      }

      paper-toast a{

          font-weight: bold

      }

      .toast-message-holder {

      }

      .toast-close {

          text-align: right;

          paper-button{

              .box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));

          }

      }

      paper-toast .alert{

          margin: 0px 0 @padding 0;

          .box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				@import '../../../../css/variables';
				@import '../../../../css/mixins';

				paper-toast{
				width: 100%;
				min-width: 400px;
				--paper-toast-background-color: transparent;
				--paper-toast-color: #000000;
				.box-shadow(none);
				}
				paper-toast a{
				font-weight: bold
				}

				.toast-message-holder {
				}
				.toast-close {
				text-align: right;

				paper-button{
				.box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));
				}
				}
				paper-toast .alert{
				margin: 0px 0 @padding 0;
				.box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));
				}