decidim-admin 0.24.0 → 0.25.0.rc1

data/app/packs/stylesheets/decidim/admin/modules/_modules.scss

@@ -0,0 +1,43 @@
+//Basics
+@import "stylesheets/decidim/admin/modules/typography";
+@import "stylesheets/decidim/admin/modules/icons";
+@import "stylesheets/decidim/admin/modules/buttons";
+@import "stylesheets/decidim/admin/modules/forms";
+@import "stylesheets/decidim/admin/modules/tabs";
+
+//General layout
+@import "stylesheets/decidim/admin/modules/layout";
+@import "stylesheets/decidim/admin/modules/title-bar";
+@import "stylesheets/decidim/admin/modules/user-login";
+@import "stylesheets/decidim/admin/modules/main-nav";
+@import "stylesheets/decidim/admin/modules/secondary-nav";
+
+//Process
+@import "stylesheets/decidim/admin/modules/process-header";
+
+//Contents
+@import "stylesheets/decidim/admin/modules/callouts";
+@import "stylesheets/decidim/admin/modules/cards";
+@import "stylesheets/decidim/admin/modules/card-grid";
+@import "stylesheets/decidim/admin/modules/table-list";
+@import "stylesheets/decidim/admin/modules/action-icon";
+@import "stylesheets/decidim/admin/modules/char-counter";
+@import "stylesheets/decidim/admin/modules/component-counter";
+@import "stylesheets/decidim/admin/modules/pics";
+@import "stylesheets/decidim/admin/modules/filters";
+@import "stylesheets/decidim/admin/modules/dropdown";
+@import "stylesheets/decidim/admin/modules/agenda";
+@import "stylesheets/decidim/admin/modules/draggable-list";
+@import "stylesheets/decidim/admin/modules/loading-spinner";
+@import "stylesheets/decidim/admin/modules/import_result";
+@import "stylesheets/decidim/admin/modules/reveal";
+
+// mentions__container
+@import "stylesheets/decidim/modules/tags";
+@import "stylesheets/decidim/modules/input-tags";
+@import "stylesheets/decidim/modules/input-mentions";
+@import "stylesheets/decidim/modules/input-gallery";
+
+//Admin dashboard
+@import "stylesheets/decidim/admin/modules/users_statistics";
+@import "stylesheets/decidim/admin/modules/moderations";

data/app/{assets → packs}/stylesheets/decidim/admin/modules/_table-list.scss

@@ -80,6 +80,19 @@
     margin: 0 auto;
     width: 48px;
   }
+
+  // tbodys separation
+  tbody + tbody::before{
+    content: "-";
+    display: block;
+    line-height: 2em;
+    color: transparent;
+  }
+
+  tbody th{
+    color: $muted;
+    font-weight: 600;
+  }
 }
 
 .table-list__actions{

data/app/{assets → packs}/stylesheets/decidim/admin/utils/_flex.scss

@@ -9,7 +9,7 @@ $spaces: $space ($space * 2);
 
   @if $dir == row{
     & > *{
-      margin: 0 $gap/2;
+      margin: 0 $gap*.5;
     }
 
     & > :first-child{
@@ -23,7 +23,7 @@ $spaces: $space ($space * 2);
 
   @else if $dir == column{
     & > *{
-      margin: $gap/2 0;
+      margin: $gap*.5 0;
     }
 
     & > :first-child{

data/app/{assets → packs}/stylesheets/decidim/admin/utils/_mixins.scss

@@ -86,9 +86,9 @@ $side:(
   }
 }
 
-@include make-spaces()
+@include make-spaces();
 
-  @mixin animation($animation){
+@mixin animation($animation){
   -webkit-animation: $animation;
   -o-animation: $animation;
   animation: $animation;
@@ -100,7 +100,7 @@ $side:(
 
   box-sizing: border-box;
   border-radius: 50%;
-  border: floor(($size / 8)) solid $orbit;
+  border: floor(($size * .125)) solid $orbit;
   border-right-color: $satellite;
   display: inline-block;
   position: relative;
@@ -115,6 +115,33 @@ $side:(
   @include size($size, $size);
 }
 
+@mixin skip-button(){
+  left: -999px;
+  position: absolute;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  z-index: -999;
+
+  &:focus,
+  &:active{
+    background-color: $primary-color;
+    color: $white;
+    left: 0;
+    top: 0;
+    width: auto;
+    height: auto;
+    overflow: auto;
+    margin: 10px;
+    padding: 5px;
+    font-size: 1.4em;
+    z-index: 999;
+    outline: $button-outline-focus;
+    position: absolute;
+  }
+}
+
 @keyframes animation-spin{
   to{ transform: rotate(1turn); }
 }

data/app/{assets → packs}/stylesheets/decidim/admin/utils/_settings.scss

@@ -60,7 +60,7 @@
 //  55. Top Bar
 //  56. Xy Grid
 
-@import 'util/util';
+@import "foundation-sites/scss/util/util";
 
 // 1. Global
 // ---------
@@ -177,6 +177,8 @@ $code-border: 1px solid $medium-gray;
 $code-padding: rem-calc(2 5 1);
 $anchor-color: $primary-color;
 $anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
+$anchor-outline-focus: 1px dotted rgba(black, .5);
+$anchor-outline-offset: 2px;
 $anchor-text-decoration: none;
 $anchor-text-decoration-hover: none;
 $hr-width: $global-width;
@@ -305,6 +307,8 @@ $button-opacity-disabled: .25;
 $button-background-hover-lightness: -20%;
 $button-hollow-hover-lightness: -50%;
 $button-transition: background-color .25s ease-out, color .25s ease-out;
+$button-outline-focus: $anchor-outline-focus;
+$button-outline-offset: 2px;
 
 // 12. Button Group
 // ----------------
@@ -447,7 +451,7 @@ $input-border-focus: 1px solid map-get($foundation-palette, primary);
 $input-outline: 0;
 $input-outline-focus: 2px solid $primary-color;
 $input-outline-offset: 2px;
-$input-padding: $form-spacing / 2;
+$input-padding: $form-spacing * .5;
 $input-shadow: inset 0 1px 2px rgba($black, .1);
 $input-shadow-focus: 0 0 5px $medium-gray;
 $input-cursor-disabled: not-allowed;
@@ -787,7 +791,7 @@ $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-h
 $table-is-striped: true;
 $table-striped-background: smart-scale($table-background, $table-color-scale);
 $table-stripe: even;
-$table-head-background: smart-scale($table-background, $table-color-scale / 2);
+$table-head-background: smart-scale($table-background, $table-color-scale * .5);
 $table-head-row-hover: darken($table-head-background, $table-hover-scale);
 $table-foot-background: smart-scale($table-background, $table-color-scale);
 $table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
@@ -872,3 +876,7 @@ $grid-padding-gutters: $grid-margin-gutters;
 $grid-container-padding: $grid-padding-gutters;
 $grid-container-max: $global-width;
 $xy-block-grid-max: 8;
+
+// This imports all the Decidim module stylesheet configs registered at
+// `config/assets.rb` of the module for the "admin" group.
+@import "!decidim-style-settings[admin]";

data/app/{assets → packs}/stylesheets/decidim/admin/vendor/mathsass/_constants.scss

@@ -1,5 +1,5 @@
 // Constants
 $E:     2.718281828459045;
 $PI:    3.141592653589793;
-$LN2:   0.6931471805599453;
+$LN2:    .6931471805599453;
 $SQRT2: 1.4142135623730951;

data/app/packs/stylesheets/decidim/admin/vendor/mathsass/functions/_acos.scss

@@ -0,0 +1,14 @@
+// Returns the arccosine of a number.
+// @param {Number} $x A number between -1 and 1.
+// @example
+//     acos(0.1) // 1.47063
+//     acos(-1)  // 3.14159
+@function acos ($x){
+  @if $x > 1 or $x < -1{
+    @warn "Argument for `acos()` must be a number between -1 and 1";
+
+    @return null;
+  }
+
+  @return $PI * .5 - asin($x);
+}

data/app/packs/stylesheets/decidim/admin/vendor/mathsass/functions/_asin.scss

@@ -0,0 +1,16 @@
+// Returns the arcsine of a number.
+// @param {Number} $x A number between -1 and 1.
+// @example
+//     asin(0.1) // 0.10017
+//     asin(-1)  // -1.5708
+@use "sass:math";
+
+@function asin ($x){
+  @if $x > 1 or $x < -1{
+    @warn "Argument for `asin()` must be a number between -1 and 1";
+
+    @return null;
+  }
+
+  @return atan(math.div($x, sqrt(1 - $x * $x)));
+}

data/app/packs/stylesheets/decidim/admin/vendor/mathsass/functions/_atan.scss

@@ -0,0 +1,36 @@
+// Returns the arctangent of a number.
+// @param {Number} $x
+// @example
+//     atan(0.1) // 0.09967
+//     atan(-1)  // -0.7854
+@use "sass:math";
+
+@function atan ($x){
+  $i:  24;
+  $sgn: 0;
+  $a:   0;
+
+  @if $x > 1{
+    $sgn:  1;
+    $x:    math.div(1, $x);
+  }
+  @else if $x < -1{
+    $sgn: -1;
+    $x:    math.div(1, $x);
+  }
+
+  @while $i > 0{
+    $a: math.div($i * $i * $x * $x, 2 * $i + 1 + $a);
+    $i: $i - 1;
+  }
+
+  @if $sgn > 0{
+    @return  $PI * .5 - math.div($x, 1 + $a);
+  }
+  @else if $sgn < 0{
+    @return -$PI * .5 - math.div($x, 1 + $a);
+  }
+  @else{
+    @return             math.div($x, 1 + $a);
+  }
+}

data/app/packs/stylesheets/decidim/admin/vendor/mathsass/functions/_atan2.scss

@@ -0,0 +1,46 @@
+// Returns the arctangent of the quotient of its arguments.
+// @param {Number} $y
+// @param {Number} $x
+// @example
+//     atan2(0, 0)       // 0
+//     atan2(0, -0.0)    // 3.14159
+//     atan2(-0.0, 0)    // 0
+//     atan2(-0.0, -0.0) // -3.14159
+//     atan2(0, 1)       // 0
+//     atan2(0, -1)      // 3.14159
+@use "sass:math";
+
+@function atan2 ($y, $x){
+  @if $x > 0{
+    @return atan(math.div($y, $x));
+  }
+  @else if $x < 0{
+    @if $y < 0{
+      @return atan(math.div($y, $x)) - $PI;
+    }
+    @else{
+      @return atan(math.div($y, $x)) + $PI;
+    }
+  }
+  @else{
+    @if $y < 0{
+      @return - $PI * .5;
+    }
+    @else if $y > 0{
+      @return $PI * .5;
+    }
+    @else{
+      @if math.div(1, $x) == math.div(1, 0){
+        @return 0;
+      }
+      @else{
+        @if math.div(1, $y) == math.div(1, 0){
+          @return $PI;
+        }
+        @else{
+          @return -$PI;
+        }
+      }
+    }
+  }
+}

data/app/packs/stylesheets/decidim/admin/vendor/mathsass/functions/_cos.scss

@@ -0,0 +1,17 @@
+// Returns the cosine of a number.
+// @param {Number} $x A number in rad or deg. Assuming unitless number to be in rad.
+// @example
+//     cos(0.7854) // 0.70711
+//     cos(45deg)  // 0.70711
+@use "sass:math";
+
+@function cos ($x){
+  $x: unitless-rad($x) % ($PI * 2);
+  $ret: 0;
+
+  @for $n from 0 to 24{
+    $ret: $ret + math.div(pow(-1, $n) * pow($x, 2 * $n), fact(2 * $n));
+  }
+
+  @return $ret;
+}

data/app/{assets → packs}/stylesheets/decidim/admin/vendor/mathsass/functions/_cot.scss

@@ -3,7 +3,10 @@
 // @example
 //     cot(0.5236) // 1.73205
 //     cot(30deg)  // 1.73205
-@function cot ($x) {
-    $x: unitless-rad($x);
-    @return 1 / tan($x);
+@use "sass:math";
+
+@function cot ($x){
+  $x: unitless-rad($x);
+
+  @return math.div(1, tan($x));
 }

data/app/{assets → packs}/stylesheets/decidim/admin/vendor/mathsass/functions/_csc.scss

@@ -3,7 +3,10 @@
 // @example
 //     csc(1.0472) // 1.1547
 //     csc(60deg)  // 1.1547
-@function csc ($x) {
-    $x: unitless-rad($x);
-    @return 1 / sin($x);
+@use "sass:math";
+
+@function csc ($x){
+  $x: unitless-rad($x);
+
+  @return math.div(1, sin($x));
 }

data/app/{assets → packs}/stylesheets/decidim/admin/vendor/mathsass/functions/_exp.scss

@@ -3,10 +3,14 @@
 // @example
 //     exp(1)  // 2.71828
 //     exp(-1) // 0.36788
-@function exp ($x) {
-    $ret: 0;
-    @for $n from 0 to 24 {
-        $ret: $ret + pow($x, $n) / fact($n);
-    }
-    @return $ret;
+@use "sass:math";
+
+@function exp ($x){
+  $ret: 0;
+
+  @for $n from 0 to 24{
+    $ret: $ret + math.div(pow($x, $n), fact($n));
+  }
+
+  @return $ret;
 }