1 .unsupported-desktop-browser { 2 @include absoluteAligning(); 3 4 display: block; 5 text-align: center; 6 7 &__title { 8 color: $unsupportedBrowserTitleColor; 9 font-weight: 300; 10 font-size: $unsupportedBrowserTitleFontSize; 11 letter-spacing: 1px; 12 } 13 14 &__description { 15 color: $unsupportedDesktopBrowserTextColor; 16 font-size: $unsupportedDesktopBrowserTextFontSize; 17 font-weight: 300; 18 letter-spacing: 1px; 19 margin-top: 16px; 20 21 &_small { 22 @extend .unsupported-desktop-browser__description; 23 font-size: $unsupportedBrowserTextSmallFontSize; 24 } 25 } 26 27 &__link { 28 color: $linkFontColor; 29 @include transition(color .1s ease-out); 30 31 &:hover { 32 color: $linkHoverFontColor; 33 cursor: pointer; 34 text-decoration: none; 35 36 @include transition(color .1s ease-in); 37 } 38 } 39 }