Commit graph

551 commits

Author SHA1 Message Date
Thomas Cazade c505950f57 Remove quixote and minimal tests as they are not relevant anymore
Travis is also disconnected from the repo and we have Netlify previews
2020-08-25 07:41:47 +02:00
Thomas Cazade fe62b6fd41 Build for v1.7.0 2020-08-25 07:32:24 +02:00
Thomas Cazade 8d27b3838a Remove /dist from .gitignore 2020-08-25 07:32:13 +02:00
Thomas Cazade 55b8ab41e1 Migrate build-tools from gulp to native compilation 2020-08-25 07:32:00 +02:00
Rhyne 6541844c71
Merge pull request #213 from Benbb96/feature-style-input-range
Feature: Paper style for range sliders
2020-08-23 15:38:46 -04:00
bbe 71835734fd Remove range input border 2020-08-17 12:28:11 +02:00
bbe b4be7ae2d2 Add examples in documentation forms.md 2020-08-11 11:32:11 +02:00
bbe f5c102ea11 Add paper style for input[type=range]
(cherry picked from commit 28d49a3d0e)
2020-08-11 11:13:43 +02:00
Rhyne Vlaservich 58ca84a82b Add version 1.7.0 2020-08-01 16:14:30 -04:00
Rhyne Vlaservich 4f7f6e8402 Fix linting in tabs 2020-08-01 16:13:50 -04:00
Rhyne Vlaservich 97599bbee0 Add container docs 2020-08-01 15:59:19 -04:00
Marcus Pereira 08b297da60 update containers size 2020-08-01 15:59:19 -04:00
Marcus Pereira 7d3b1e04fd feat: create size to .container class 2020-08-01 15:59:19 -04:00
Phreshhh 231d2ab6d9 Feature Breadcrumb 2020-08-01 15:59:19 -04:00
Phreshhh e1cee11c38 Feature Breadcrumb 2020-08-01 15:59:19 -04:00
Phreshhh 2f4f9c2465 button fix for backward compatibility 2020-08-01 15:59:19 -04:00
Phreshhh ae79596cd0 burger borderfix 2020-08-01 15:59:19 -04:00
Phreshhh bda6b79f1f margin-top removed 2020-08-01 15:59:19 -04:00
Phreshhh c219346051 margin-top stylelint fix 2020-08-01 15:59:19 -04:00
Phreshhh 4c4c97af44 Navbar fix for FireFox 2020-08-01 15:59:19 -04:00
Phreshhh 74f38c54ee bg and shadow color changed to variable colors 2020-08-01 15:59:19 -04:00
Phreshhh 4f8f7a9297 Switch components - stylelint fix 8 :) - realy last XD 2020-08-01 15:59:19 -04:00
Phreshhh bfdc62055e Switch components - stylelint fix 7 :) - last 2020-08-01 15:59:19 -04:00
Phreshhh 866e8b3abd Switch components - stylelint fix 6 :) 2020-08-01 15:59:19 -04:00
Phreshhh 84d81adae5 Switch components - stylelint fix 5 :) I installed stylelint to my editor.. next time will less commits. 2020-08-01 15:59:19 -04:00
Phreshhh 0e198c9fcc Switch components - stylelint fix 4 :) OMG alphabetical.. - Why?! lol 2020-08-01 15:59:19 -04:00
Phreshhh 262db03fe0 Switch components - stylelint fix 3 :) 2020-08-01 15:59:19 -04:00
Phreshhh 06ce202265 Switch components - stylelint fix 2 :) 2020-08-01 15:59:19 -04:00
Phreshhh ea2635161d Switch components - stylelint fix 1 :) 2020-08-01 15:59:19 -04:00
Phreshhh cf2deae2ea Switch components 2020-08-01 15:59:19 -04:00
Phreshhh 53ffaa02f7 outline colormap removed 2020-08-01 15:59:19 -04:00
Phreshhh 6f9f0ccda0 'paper-btn' class added to linkbutton example. Sorry I left it 1st time. 2020-08-01 15:59:19 -04:00
Phreshhh 800a5cd80f Outline buttons - stylelint fix 2020-08-01 15:59:19 -04:00
Phreshhh 1570e3ba33 Outline buttons 2020-08-01 15:59:19 -04:00
Rhyne 837c4321b9
Merge pull request #207 from Bajena/patch-1
Support multiple tab components
2020-08-01 15:32:53 -04:00
Rhyne 67435c6e81
Merge pull request #205 from papercss/tab-content-alignment-fix
Tabs Content Alignment Bugfix
2020-08-01 15:29:42 -04:00
Rhyne Vlaservich 33ca19d77a Fix gulp default command to start dev server 2020-08-01 15:14:46 -04:00
Rhyne 9af3610ce6
Merge pull request #190 from byrro/fix-license-link
Fix link to License in About page
2020-08-01 14:46:35 -04:00
Jan Bajena 5ee5960e84
Support multiple tab components
Hi, first of all thank you for your cool framework. I really have fun working with it :)

I'm building an app for building flashcard sets in which I decided to use tabs component for switching between different languages. However I've noticed that current version assumes that there'll only be a single tab component on the page.

I overcame it in my project by changing `=` (attribute equals) selector to `$=` (attribute ends with) selector. 
This allows me to generate different tab IDs for different flashcards, like this:
```ruby
<% tab_name = "tabs_#{word.id}" %>
<% tab1_id = "#{tab_name}_tab1" %>
<% tab2_id = "#{tab_name}_tab2" %>

<div class="xs-12 sm-6 md-4 lg-3 col align-top flashcard-column">
  <div class="card">
    <div class="card-body">
      <div class="row tabs">
        <input id="<%= tab1_id %>" type="radio" name="<%= tab_name %>" checked>
        <label for="<%= tab1_id %>">Question</label>

        <input id="<%= tab2_id %>" type="radio" name="<%= tab_name %>">
        <label for="<%= tab2_id %>">Answer</label>

        <div id="<%= tab_name %>_content1" class="content">
          <h4 class="card-title flashcard-title"><%= word.question %></h4>
          <% if word.question_example %>
            <p class="card-text flashcard-example"><%= word.question_example %></p>
          <% end %>
        </div>
        <div id="<%= tab_name %>_content2" class="content">
          <h4 class="card-title flashcard-title"><%= word.answer %></h4>
          <% if word.answer_example %>
            <p class="card-text flashcard-example"><%= word.answer_example %></p>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>
```

Here's a video to present how it works after the change:
https://www.loom.com/share/6de1e443314f44f49c7b91e9b5875c93

Hope someone finds it useful
2020-07-30 21:43:39 +02:00
Kevin Koester fc4ede380a
Fixes #202
Fixes Bug where the content would be aligned right next to the tabs on larger screens.

See: https://github.com/papercss/papercss/issues/202
2020-07-10 11:44:26 +02:00
Renato Byrro fc54f0cf7f Fix link to License in About page 2019-08-23 15:21:43 -03:00
rhyneav cbbdce4d9e Update broken url 2019-08-18 13:09:58 -04:00
Rhyne 2d94af7997
Merge pull request #189 from fulldecent/patch-1
Fix styling of word GitHub
2019-08-18 13:03:23 -04:00
Rhyne 53d8c34a2c
Merge pull request #188 from impressivewebs/patch-1
Fixed markup for nested lists
2019-08-18 13:03:00 -04:00
William Entriken c6da9aee81
Fix styling of word GitHub 2019-07-30 13:05:53 -04:00
Louis Lazaris 012d8825aa
Fixed markup for nested lists
It's a common mistake, but HTML lists should be nested so that a list is in between the opening and closing tags for a given list item. I've corrected it in these examples. Most browsers handle it fine but it's best to use correct HTML, just in case there's a browser or platform that doesn't parse it correctly.
2019-05-23 00:27:57 -04:00
rhyneav 780c304f98 Merge branch 'release-1.6.1' 2019-01-25 07:20:02 -05:00
rhyneav 564c01b153 1.6.1 2019-01-25 07:18:37 -05:00
rhyneav 02b5d372bc Merge branch 'develop' into release-1.6.1 2019-01-25 07:11:48 -05:00
Rhyne 6695244c30
Merge pull request #177 from sarramegnag/fix-anchor-transition
Fix hover transition on .paper-btn anchors
2019-01-25 07:08:02 -05:00