mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-23 02:38:48 +02:00
b8ad999d50
Summary: - Add a simple green button... maybe don't need - Fix tokenizer search icon - Splite simple and button-bar into own files Test Plan: uiexamples, various pages with buttons, diffusion Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18063
105 lines
2.1 KiB
CSS
105 lines
2.1 KiB
CSS
/**
|
|
* @provides phui-button-simple-css
|
|
* @requires phui-button-css
|
|
*/
|
|
|
|
|
|
/* - Basic -------------------------------------------------------------------*/
|
|
|
|
button.simple,
|
|
input[type="submit"].simple,
|
|
a.simple,
|
|
a.simple:visited {
|
|
background: #fff;
|
|
color: {$bluetext};
|
|
border: 1px solid {$lightblueborder};
|
|
}
|
|
|
|
button.simple .phui-icon-view,
|
|
input[type="submit"].simple .phui-icon-view,
|
|
a.simple .phui-icon-view,
|
|
a.simple:visited .phui-icon-view {
|
|
color: {$lightbluetext};
|
|
}
|
|
|
|
a.button.simple:hover,
|
|
button.simple:hover {
|
|
border-color: {$blueborder};
|
|
background-image: none;
|
|
background-color: #fff;
|
|
transition: 0s;
|
|
}
|
|
|
|
a.simple.current {
|
|
background: {$lightblue};
|
|
}
|
|
|
|
|
|
/* - Red --------------------------------------------------------------------*/
|
|
|
|
button.simple.red,
|
|
input[type="submit"].simple.red,
|
|
a.simple.red,
|
|
a.simple.red:visited {
|
|
background: #fff;
|
|
color: {$redtext};
|
|
border: 1px solid {$sh-redborder};
|
|
}
|
|
|
|
button.simple.red .phui-icon-view,
|
|
input[type="submit"].simple.red .phui-icon-view,
|
|
a.simple.red .phui-icon-view,
|
|
a.simple.red:visited .phui-icon-view {
|
|
color: {$redtext};
|
|
}
|
|
|
|
a.button.simple.red:hover,
|
|
button.simple.red:hover {
|
|
border-color: {$red};
|
|
background-image: none;
|
|
background-color: #fff;
|
|
transition: 0s;
|
|
}
|
|
|
|
/* - Green ------------------------------------------------------------------*/
|
|
|
|
button.simple.green,
|
|
input[type="submit"].simple.green,
|
|
a.simple.green,
|
|
a.simple.green:visited {
|
|
background: #fff;
|
|
color: {$greentext};
|
|
border: 1px solid {$sh-greenborder};
|
|
}
|
|
|
|
button.simple.green .phui-icon-view,
|
|
input[type="submit"].simple.green .phui-icon-view,
|
|
a.simple.green .phui-icon-view,
|
|
a.simple.green:visited .phui-icon-view {
|
|
color: {$greentext};
|
|
}
|
|
|
|
a.button.simple.green:hover,
|
|
button.simple.green:hover {
|
|
border-color: {$green};
|
|
background-image: none;
|
|
background-color: #fff;
|
|
transition: 0s;
|
|
}
|
|
|
|
|
|
/* - Misc -------------------------------------------------------------------*/
|
|
|
|
a.button.simple .phui-icon-view {
|
|
border: none;
|
|
}
|
|
|
|
a.button.simple.phuix-dropdown-open {
|
|
background-color: #fff;
|
|
color: {$blue};
|
|
box-shadow: none;
|
|
}
|
|
|
|
a.button.simple.phuix-dropdown-open:hover .phui-icon-view {
|
|
color: {$blue};
|
|
}
|