Skip to content

Instantly share code, notes, and snippets.

@valeth

valeth/wanikani-lesson-cap.css

Last active March 4, 2018 12:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save valeth/a7e009465d9460dfa8c32c3caa79191b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save valeth/a7e009465d9460dfa8c32c3caa79191b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. valeth revised this gist Mar 4, 2018. 2 changed files with 16 additions and 16 deletions.
    16 changes: 8 additions & 8 deletions wanikani-lesson-cap.css
    View file
    Original file line number Diff line number Diff line change
    @@ -52,18 +52,18 @@
    .wklc-allowed-lessons.disabled {
    color: darkred; }
    .wklc .wklc-apprentice1 {
    background-color: "#DD0093"; }
    background-color: #DD0093; }
    .wklc .wklc-apprentice2 {
    background-color: "#C80B96"; }
    background-color: #C80B96; }
    .wklc .wklc-apprentice3 {
    background-color: "#B31799"; }
    background-color: #B31799; }
    .wklc .wklc-apprentice4 {
    background-color: "#9D229B"; }
    background-color: #9D229B; }
    .wklc .wklc-guru1 {
    background-color: "#882D9E"; }
    background-color: #882D9E; }
    .wklc .wklc-guru2 {
    background-color: "#593DBD"; }
    background-color: #593DBD; }
    .wklc .wklc-master {
    background-color: "#294DDB"; }
    background-color: #294DDB; }
    .wklc .wklc-enlightened {
    background-color: "#0093DD"; }
    background-color: #0093DD; }
    16 changes: 8 additions & 8 deletions wanikani-lesson-cap.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,12 @@
    $levels: (
    "apprentice1": "#DD0093",
    "apprentice2": "#C80B96",
    "apprentice3": "#B31799",
    "apprentice4": "#9D229B",
    "guru1": "#882D9E",
    "guru2": "#593DBD",
    "master": "#294DDB",
    "enlightened": "#0093DD"
    "apprentice1": #DD0093,
    "apprentice2": #C80B96,
    "apprentice3": #B31799,
    "apprentice4": #9D230B,
    "guru1": #882D9E,
    "guru2": #593DBD,
    "master": #294DDB,
    "enlightened": #0093DD
    );

    .wklc {
  2. valeth revised this gist Mar 4, 2018. 2 changed files with 20 additions and 10 deletions.
    22 changes: 16 additions & 6 deletions wanikani-lesson-cap.css
    View file
    Original file line number Diff line number Diff line change
    @@ -51,9 +51,19 @@
    line-height: 3em; }
    .wklc-allowed-lessons.disabled {
    color: darkred; }
    .wklc [class*=master] {
    background-color: #294DDB; }
    .wklc [class*=enlightened] {
    background-color: #0093DD; }

    /*# sourceMappingURL=style.css.map */
    .wklc .wklc-apprentice1 {
    background-color: "#DD0093"; }
    .wklc .wklc-apprentice2 {
    background-color: "#C80B96"; }
    .wklc .wklc-apprentice3 {
    background-color: "#B31799"; }
    .wklc .wklc-apprentice4 {
    background-color: "#9D229B"; }
    .wklc .wklc-guru1 {
    background-color: "#882D9E"; }
    .wklc .wklc-guru2 {
    background-color: "#593DBD"; }
    .wklc .wklc-master {
    background-color: "#294DDB"; }
    .wklc .wklc-enlightened {
    background-color: "#0093DD"; }
    8 changes: 4 additions & 4 deletions wanikani-lesson-cap.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -89,9 +89,9 @@ $levels: (
    }
    }

    @each $lvl in ('apprentice' 'guru' 'master' 'enlightened') {
    [class*=#{$lvl}] {
    background-color: #{map-get($levels, $lvl)}
    }
    @each $lvl in apprentice1, apprentice2, apprentice3, apprentice4, guru1, guru2, master, enlightened {
    .wklc-#{$lvl} {
    background-color: map-get($levels, $lvl);
    }
    }
    }
  3. valeth revised this gist Feb 28, 2018. 2 changed files with 145 additions and 64 deletions.
    112 changes: 48 additions & 64 deletions wanikani-lesson-cap.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,75 +1,59 @@
    .wklc {
    color: #FFFFFF;
    display: flex;
    justify-content: center; }
    .wklc-force-hidden {
    display: none !important;
    }
    display: none !important; }
    .wklc-lesson-count {
    border-radius: 3px !important;
    }
    .wklc {
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    }
    border-radius: 3px !important; }
    .wklc-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    }
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .wklc-item {
    align-items: center;
    background-color: #000000;
    box-shadow: 3px 3px 0 #e1e1e1;
    display: flex;
    min-height: 2em;
    min-width: 2.5em;
    padding: 0 0.5em;
    justify-content: center;
    }
    .wklc-item > span:first-child {
    margin-right: 0.3em;
    }
    align-items: center;
    background-color: #000000;
    box-shadow: 3px 3px 0 #e1e1e1;
    display: flex;
    min-height: 2em;
    min-width: 2.5em;
    padding: 0 0.5em;
    justify-content: center; }
    .wklc-item > span:first-child {
    margin-right: 0.3em; }
    .wklc-right {
    display: flex;
    margin-left: 0.5em;
    width: 12em;
    }
    .wklc-right div,
    .wklc-right button {
    box-sizing: border-box;
    text-align: center;
    }
    .wklc-score,
    .wklc-max-score-edit {
    display: flex;
    margin-left: 0.5em;
    width: 12em; }
    .wklc-right div, .wklc-right button {
    box-sizing: border-box;
    text-align: center; }
    .wklc-score {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 8em;
    }
    .wklc-max-score-edit > label,
    .wklc-score > span:first-child {
    text-align: left;
    width: 50%;
    }
    .wklc-max-score-edit > input {
    background-color: inherit;
    border: none;
    color: inherit;
    width: 50%;
    }
    width: 8em; }
    .wklc-score > span:first-child {
    text-align: left;
    width: 50%; }
    .wklc-btn-update {
    border: 0;
    color: inherit;
    }
    border: 0;
    color: inherit; }
    .wklc-allowed-lessons {
    display: inline-block;
    padding: 0 1em;
    height: 3em;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 3px;
    line-height: 3em;
    }
    .wklc-allowed-lessons.disabled {
    color: darkred;
    }
    display: inline-block;
    padding: 0 1em;
    height: 3em;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 3px;
    line-height: 3em; }
    .wklc-allowed-lessons.disabled {
    color: darkred; }
    .wklc [class*=master] {
    background-color: #294DDB; }
    .wklc [class*=enlightened] {
    background-color: #0093DD; }

    /*# sourceMappingURL=style.css.map */
    97 changes: 97 additions & 0 deletions wanikani-lesson-cap.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,97 @@
    $levels: (
    "apprentice1": "#DD0093",
    "apprentice2": "#C80B96",
    "apprentice3": "#B31799",
    "apprentice4": "#9D229B",
    "guru1": "#882D9E",
    "guru2": "#593DBD",
    "master": "#294DDB",
    "enlightened": "#0093DD"
    );

    .wklc {
    color: #FFFFFF;
    display: flex;
    justify-content: center;

    &-force-hidden {
    display: none !important;
    }

    &-lesson-count {
    border-radius: 3px !important;
    }

    &-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    }

    &-item {
    align-items: center;
    background-color: #000000;
    box-shadow: 3px 3px 0 #e1e1e1;
    display: flex;
    min-height: 2em;
    min-width: 2.5em;
    padding: 0 0.5em;
    justify-content: center;

    > span:first-child {
    margin-right: 0.3em;
    }
    }

    &-right {
    display: flex;
    margin-left: 0.5em;
    width: 12em;
    }

    &-right {
    div, button {
    box-sizing: border-box;
    text-align: center;
    }
    }

    &-score {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 8em;

    > span:first-child {
    text-align: left;
    width: 50%;
    }
    }

    &-btn-update {
    border: 0;
    color: inherit;
    }

    &-allowed-lessons {
    display: inline-block;
    padding: 0 1em;
    height: 3em;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 3px;
    line-height: 3em;

    &.disabled {
    color: darkred;
    }
    }

    @each $lvl in ('apprentice' 'guru' 'master' 'enlightened') {
    [class*=#{$lvl}] {
    background-color: #{map-get($levels, $lvl)}
    }
    }
    }
  4. valeth renamed this gist Feb 28, 2018. 1 changed file with 0 additions and 0 deletions.
    0 wanikani-lesson-cap.scss → wanikani-lesson-cap.css
    View file
    File renamed without changes.
  5. valeth created this gist Feb 28, 2018.
    75 changes: 75 additions & 0 deletions wanikani-lesson-cap.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,75 @@
    .wklc-force-hidden {
    display: none !important;
    }
    .wklc-lesson-count {
    border-radius: 3px !important;
    }
    .wklc {
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    }
    .wklc-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    }
    .wklc-item {
    align-items: center;
    background-color: #000000;
    box-shadow: 3px 3px 0 #e1e1e1;
    display: flex;
    min-height: 2em;
    min-width: 2.5em;
    padding: 0 0.5em;
    justify-content: center;
    }
    .wklc-item > span:first-child {
    margin-right: 0.3em;
    }
    .wklc-right {
    display: flex;
    margin-left: 0.5em;
    width: 12em;
    }
    .wklc-right div,
    .wklc-right button {
    box-sizing: border-box;
    text-align: center;
    }
    .wklc-score,
    .wklc-max-score-edit {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 8em;
    }
    .wklc-max-score-edit > label,
    .wklc-score > span:first-child {
    text-align: left;
    width: 50%;
    }
    .wklc-max-score-edit > input {
    background-color: inherit;
    border: none;
    color: inherit;
    width: 50%;
    }
    .wklc-btn-update {
    border: 0;
    color: inherit;
    }
    .wklc-allowed-lessons {
    display: inline-block;
    padding: 0 1em;
    height: 3em;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 3px;
    line-height: 3em;
    }
    .wklc-allowed-lessons.disabled {
    color: darkred;
    }