Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixes and enhancements. [6] #1328

Merged
merged 11 commits into from
Jan 5, 2017
Merged

Fixes and enhancements. [6] #1328

merged 11 commits into from
Jan 5, 2017

Conversation

ivan-nginx
Copy link
Collaborator

@ivan-nginx ivan-nginx commented Dec 25, 2016

Part 1. Update Full-Image tag from «Servant» branch.

Files modified:

  1. CSS: add custom fi vars. a8db584
  2. CSS: delete _full-image.styl file. (2) c1e805c
  3. CSS: remove _full-image.styl import. (3) 93d1ed7
  4. CSS: add default fi vars. (4) 3de4ad3
  5. CSS: add default fi vars. (5) b9a42e3

How to use?

Simply add variables in source/css/_variables/custom.styl like:

$full-image-width             = 100%;
$full-image-margin-horizontal = 0;
$full-image-margin-vertical   = 0;

where

  • $full-image-width by default is 118% for Pisces scheme.
  • $full-image-margin-horizontal by default is -9% for Pisces scheme.
  • $full-image-margin-vertical by default is 0 for Pisces scheme.

Part 2. Add Button tag for all schemes.

Files modified:

  1. Create button.js 522ae9e
  2. CSS: add margin button style for Mist. (2) 361266f
  3. CSS: rename post-more-link. (3) b0b9599
  4. CSS: rename file & add margin and icon style. (4) 434ff52
  5. CSS: rename post-more-link on post-button. (5) d1c6771

How to use?

Usage: {% button /path/to/url/, text, icon [class], title %}
Alias: {% btn /path/to/url/, text, icon [class], title %}

where

  • /path/to/url/ — link to everything.
  • text — text on the button.
  • icon — fontawesome icon without fa- at the begining. Simply add name of the icon. And yes, [class] — that's mean what u want (or not want) add any style u want (fa style, your custom style).
  • title — tooltip for button.

P.S. Variables text, icon and title not necessary. U may combine they with each other how u want. More examples and live demo u can see at #Button-tag-test.

Some examples:

Button with text:

{% button #, Text %}
{% btn #, Text %} {% btn #, Text & Title,, Title %}

Button with icon:

{% btn #,, home %}
{% btn #,, home fa-lg %}

Button with text and icon:

{% btn #, Text & Icon (fixed width), home fa-fw %}

Button centered:

<div class="text-center">{% btn #, Almost, adn fa-fw fa-lg %} {% btn #, Over, terminal fa-fw fa-lg %}</div>

@iissnan iissnan merged commit 66c5f24 into iissnan:master Jan 5, 2017
@hidaris hidaris mentioned this pull request Jan 25, 2017
habren pushed a commit to habren/hexo-theme-next that referenced this pull request Apr 9, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants