Skip to content

Instantly share code, notes, and snippets.

@qfox
Last active September 19, 2017 11:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save qfox/60bc8161f8a88b627a510d6d7fad30c1 to your computer and use it in GitHub Desktop.
Save qfox/60bc8161f8a88b627a510d6d7fad30c1 to your computer and use it in GitHub Desktop.
/* $ for i in common.blocks/button2/_theme/button2_theme_*.css; echo $i:; head $i; echo '---'; end */
/* common.blocks/button2/_theme/button2_theme_action.css: */
.button2_theme_action {
position: relative;
z-index: 0;
color: #000;
border: none;
outline: none;
}
.button2_view_classic.button2_theme_action:before {}
/* ---
common.blocks/button2/_theme/button2_theme_clear.css: */
.button2_theme_clear {
position: relative;
z-index: 0;
color: #000;
border: none;
outline: none;
}
.button2_view_classic.button2_theme_clear:before {}
/*---
common.blocks/button2/_theme/button2_theme_link.css:*/
.button2_theme_link {
position: relative;
z-index: 0;
color: #04B;
border: none;
outline: none;
background: transparent;
}
/*---
common.blocks/button2/_theme/button2_theme_normal.css:*/
/**
* 1. Для IE8 применяется деградация на непрозрачный цвет.
* 2. Полупрозрачные границы должны накладываться на общий фон, а не на фон самой кнопки.
* 3. Нельзя использовать border:none, т.к. в сочетании с анимированным border-color
* Chrome показывает черную рамку при переключении.
* Подробнее: http://jing.yandex-team.ru/files/karamadjong/2015-04-28_1218.swf?w=111&h=178
* 4. Селектор удваивается, чтобы заменить html.utilityfocus
*/
.button2_theme_normal {
position: relative;
z-index: 0;
color: #000;
border: none;
outline: none;
}
/*---
common.blocks/button2/_theme/button2_theme_pseudo.css:*/
.button2_theme_pseudo {
position: relative;
z-index: 0;
color: #000;
border: none;
outline: none;
}
/*
---
common.blocks/button2/_theme/button2_theme_raised.css:*/
.button2_theme_raised {
position: relative;
z-index: 0;
color: #000;
border: none;
outline: none;
background: transparent;
}
/*---
common.blocks/button2/_theme/button2_theme_websearch.css:*/
.button2_theme_websearch {
overflow: hidden; /* Скрывает выступающие края уголка */
width: 88px;
font-family: Arial, sans-serif; /* Нужно для единообразия с Серпом */
font-size: 16px;
line-height: 36px;
border: 0;
/*---*/

Should I add one more theme?

.button2_theme_none {
    position: relative;
    z-index: 0;

    color: #000;
    border: none;
    outline: none;
}

or just put the common of theme to:

.button2_theme {
    position: relative;
    z-index: 0;

    color: #000;
    border: none;
    outline: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment