https://github.com/lukasoppermann/responsive-web

https://github.com/lukasoppermann/responsive-web

Last synced: 10 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/lukasoppermann/responsive-web
• Owner: lukasoppermann
• Created: 2015-10-16T12:50:17.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-12-11T15:45:48.000Z (about 10 years ago)
• Last Synced: 2025-01-16T15:56:35.770Z (12 months ago)
• Language: HTML
• Size: 4.21 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          

## rems

font-size: 62.5%; /* now 1rem = 10px*/

## OOCSS & multiple less files

## responsive svgs

    

        svg * {

            transition: fill .1s ease-out, opacity .1s ease-out;

        }

        @media all and (max-width: 250px) {

            #curved_bg { 

                opacity: 0; 

            }

            #secondary_content, #primary_content { 

                fill: #195463; 

            }

        }

        @media all and (max-width: 200px) {

            #secondary_content {

                opacity: 0;

            }

        }

        @media all and (max-width: 150px) {

            #inner-circle, #middle-circle {

                opacity: 0;

            }

        }

    

    

    

## hover, focus, etc

inkl. touch devices

## google analytics

click auf bestimmte links testen3