appenlight Files · frontend/css/vendors/less/responsive-embed.less

api: params should be plain dictionary

ergo - - Load All Authors

File last commit:

r0:548a840d


                r88:5d26e970

Download file

             responsive-embed.less
        
                    35 lines
            
             | 546 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / frontend / css / vendors / less / responsive-embed.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      // Embeds responsive

      //

      // Credit: Nicolas Gallagher and SUIT CSS.

      .embed-responsive {

        position: relative;

        display: block;

        height: 0;

        padding: 0;

        overflow: hidden;

        .embed-responsive-item,

        iframe,

        embed,

        object,

        video {

          position: absolute;

          top: 0;

          left: 0;

          bottom: 0;

          height: 100%;

          width: 100%;

          border: 0;

        }

      }

      // Modifier class for 16:9 aspect ratio

      .embed-responsive-16by9 {

        padding-bottom: 56.25%;

      }

      // Modifier class for 4:3 aspect ratio

      .embed-responsive-4by3 {

        padding-bottom: 75%;

      }

	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

				// Embeds responsive
				//
				// Credit: Nicolas Gallagher and SUIT CSS.

				.embed-responsive {
				position: relative;
				display: block;
				height: 0;
				padding: 0;
				overflow: hidden;

				.embed-responsive-item,
				iframe,
				embed,
				object,
				video {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				height: 100%;
				width: 100%;
				border: 0;
				}
				}

				// Modifier class for 16:9 aspect ratio
				.embed-responsive-16by9 {
				padding-bottom: 56.25%;
				}

				// Modifier class for 4:3 aspect ratio
				.embed-responsive-4by3 {
				padding-bottom: 75%;
				}