KEYCLOAK-19550 Completely remove Zocial CSS components (#8581)
This commit is contained in:
Martin Bartoš
GitHub
parent
c7134fd539
commit
3c3c33038a
15 changed files with 4 additions and 1773 deletions
|
|
@ -1,46 +0,0 @@
|
|||
# Zocial CSS social buttons
|
||||
|
||||
I basically rewrote this entire set so they are full vector buttons, meaning:
|
||||
|
||||
- @font-face icons
|
||||
- custom font file for all social icons
|
||||
- icon font use private unicode spaces for accessibility
|
||||
- em sizing based on button font-size
|
||||
- support for about 83 different services
|
||||
- buttons and icons supported
|
||||
- no raster images (sweet)
|
||||
- works splendidly on any browser supporting @font-face
|
||||
- CSS3 degrades gracefully in IE8 and below etc.
|
||||
- also includes generic icon-less primary and secondary buttons
|
||||
|
||||
## How to use these buttons
|
||||
|
||||
<button class="zocial facebook">Button label here</button>
|
||||
|
||||
or
|
||||
|
||||
<a class="zocial twitter">Button label</a>
|
||||
|
||||
- Can be any element e.g. `a`, `div`, `button` etc.
|
||||
- Add class of `.zocial`
|
||||
- Add class for name of service e.g. `.dropbox`, `.twitter`, `.github`
|
||||
- Done :-)
|
||||
|
||||
Check out [zocial.smcllns.com](http://zocial.smcllns.com) for demo and code examples.
|
||||
|
||||
There's also a LESS version from @gustavohenke [here](https://github.com/gustavohenke/zocial-less)
|
||||
|
||||
Problems, questions or requests to [@smcllns](http://twitter.com/smcllns)
|
||||
|
||||
## How to contribute
|
||||
|
||||
Install [Font Custom](http://fontcustom.com/#installation)
|
||||
|
||||
Run `fontcustom compile` to build the font.
|
||||
|
||||
New fonts are defined by adding them in the `svg/` folder. For color settings
|
||||
see the `templates/zocial.css` file.
|
||||
|
||||
## License
|
||||
|
||||
Under [MIT License](http://opensource.org/licenses/mit-license.php)
|
||||
|
|
@ -484,18 +484,6 @@
|
|||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>Zocial</description>
|
||||
<locations>
|
||||
<directory>themes/keycloak/common/resources/lib/zocial</directory>
|
||||
</locations>
|
||||
<licenses>
|
||||
<license>
|
||||
<name>MIT License</name>
|
||||
<url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
|
||||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>rfc4648.js</description>
|
||||
<locations>
|
||||
|
|
|
|||
|
|
@ -1,46 +0,0 @@
|
|||
# Zocial CSS social buttons
|
||||
|
||||
I basically rewrote this entire set so they are full vector buttons, meaning:
|
||||
|
||||
- @font-face icons
|
||||
- custom font file for all social icons
|
||||
- icon font use private unicode spaces for accessibility
|
||||
- em sizing based on button font-size
|
||||
- support for about 83 different services
|
||||
- buttons and icons supported
|
||||
- no raster images (sweet)
|
||||
- works splendidly on any browser supporting @font-face
|
||||
- CSS3 degrades gracefully in IE8 and below etc.
|
||||
- also includes generic icon-less primary and secondary buttons
|
||||
|
||||
## How to use these buttons
|
||||
|
||||
<button class="zocial facebook">Button label here</button>
|
||||
|
||||
or
|
||||
|
||||
<a class="zocial twitter">Button label</a>
|
||||
|
||||
- Can be any element e.g. `a`, `div`, `button` etc.
|
||||
- Add class of `.zocial`
|
||||
- Add class for name of service e.g. `.dropbox`, `.twitter`, `.github`
|
||||
- Done :-)
|
||||
|
||||
Check out [zocial.smcllns.com](http://zocial.smcllns.com) for demo and code examples.
|
||||
|
||||
There's also a LESS version from @gustavohenke [here](https://github.com/gustavohenke/zocial-less)
|
||||
|
||||
Problems, questions or requests to [@smcllns](http://twitter.com/smcllns)
|
||||
|
||||
## How to contribute
|
||||
|
||||
Install [Font Custom](http://fontcustom.com/#installation)
|
||||
|
||||
Run `fontcustom compile` to build the font.
|
||||
|
||||
New fonts are defined by adding them in the `svg/` folder. For color settings
|
||||
see the `templates/zocial.css` file.
|
||||
|
||||
## License
|
||||
|
||||
Under [MIT License](http://opensource.org/licenses/mit-license.php)
|
||||
|
|
@ -484,18 +484,6 @@
|
|||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>Zocial</description>
|
||||
<locations>
|
||||
<directory>themes/keycloak/common/resources/lib/zocial</directory>
|
||||
</locations>
|
||||
<licenses>
|
||||
<license>
|
||||
<name>MIT License</name>
|
||||
<url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
|
||||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>rfc4648.js</description>
|
||||
<locations>
|
||||
|
|
|
|||
|
|
@ -499,18 +499,6 @@
|
|||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>Zocial</description>
|
||||
<locations>
|
||||
<directory>themes/keycloak/common/resources/lib/zocial</directory>
|
||||
</locations>
|
||||
<licenses>
|
||||
<license>
|
||||
<name>MIT License</name>
|
||||
<url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
|
||||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>rfc4648.js</description>
|
||||
<locations>
|
||||
|
|
|
|||
|
|
@ -484,18 +484,6 @@
|
|||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>Zocial</description>
|
||||
<locations>
|
||||
<directory>themes/keycloak/common/resources/lib/zocial</directory>
|
||||
</locations>
|
||||
<licenses>
|
||||
<license>
|
||||
<name>MIT License</name>
|
||||
<url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
|
||||
</license>
|
||||
</licenses>
|
||||
</other>
|
||||
<other>
|
||||
<description>rfc4648.js</description>
|
||||
<locations>
|
||||
|
|
|
|||
|
|
@ -15,8 +15,7 @@
|
|||
* limitations under the License.
|
||||
*/
|
||||
|
||||
#kc-logo-wrapper {
|
||||
background: url("../img/red-hat-logo.png") no-repeat top right;
|
||||
height: 45px;
|
||||
width: 200px;
|
||||
div.kc-logo-text {
|
||||
background: url(../img/red-hat-logo.png) no-repeat center center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 7.9 KiB |
|
|
@ -18,4 +18,4 @@
|
|||
parent=keycloak
|
||||
import=common/keycloak
|
||||
|
||||
styles=lib/patternfly/css/patternfly.css lib/zocial/zocial.css css/login.css css/logo.css
|
||||
styles=css/login.css css/tile.css css/logo.css
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load diff
|
Before Width: | Height: | Size: 219 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
|
@ -208,14 +208,6 @@ a#kc-current-locale-link::after {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
#kc-logo-wrapper {
|
||||
background-image: url(../img/keycloak-logo-2.png);
|
||||
background-repeat: no-repeat;
|
||||
height: 63px;
|
||||
width: 300px;
|
||||
margin: 62px auto 0;
|
||||
}
|
||||
|
||||
div.kc-logo-text {
|
||||
background-image: url(../img/keycloak-logo-text.png);
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -526,14 +518,6 @@ ul#kc-totp-supported-apps {
|
|||
text-align: right;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#kc-logo-wrapper {
|
||||
background-size: 100px 21px;
|
||||
height: 21px;
|
||||
width: 100px;
|
||||
margin: 20px 0 0 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-height: 646px) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue