logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

button_unstyled.style.js (1838B)

    

  1. export default {
  2.   name: 'ButtonUnstyled',
  3.   selector: '.button-unstyled',
  4.   notEditable: true,
  5.   transparent: true,
  6.   states: {
  7.     toggled: '.toggled',
  8.     disabled: ':disabled',
  9.     hover: ':hover:not(:disabled)',
  10.     focused: ':focus-within'
  11.   },
  12.   validInnerComponents: [
  13.     'Text',
  14.     'Link',
  15.     'Icon',
  16.     'Badge'
  17.   ],
  18.   defaultRules: [
  19.     {
  20.       directives: {
  21.         shadow: []
  22.       }
  23.     },
  24.     {
  25.       component: 'Icon',
  26.       parent: {
  27.         component: 'ButtonUnstyled',
  28.         state: ['hover']
  29.       },
  30.       directives: {
  31.         textColor: '--parent--text'
  32.       }
  33.     },
  34.     {
  35.       component: 'Icon',
  36.       parent: {
  37.         component: 'ButtonUnstyled',
  38.         state: ['toggled']
  39.       },
  40.       directives: {
  41.         textColor: '--parent--text'
  42.       }
  43.     },
  44.     {
  45.       component: 'Icon',
  46.       parent: {
  47.         component: 'ButtonUnstyled',
  48.         state: ['toggled', 'hover']
  49.       },
  50.       directives: {
  51.         textColor: '--parent--text'
  52.       }
  53.     },
  54.     {
  55.       component: 'Icon',
  56.       parent: {
  57.         component: 'ButtonUnstyled',
  58.         state: ['toggled', 'focused']
  59.       },
  60.       directives: {
  61.         textColor: '--parent--text'
  62.       }
  63.     },
  64.     {
  65.       component: 'Icon',
  66.       parent: {
  67.         component: 'ButtonUnstyled',
  68.         state: ['toggled', 'focused', 'hover']
  69.       },
  70.       directives: {
  71.         textColor: '--parent--text'
  72.       }
  73.     },
  74.     {
  75.       component: 'Text',
  76.       parent: {
  77.         component: 'ButtonUnstyled',
  78.         state: ['disabled']
  79.       },
  80.       directives: {
  81.         textOpacity: 0.25,
  82.         textOpacityMode: 'blend'
  83.       }
  84.     },
  85.     {
  86.       component: 'Icon',
  87.       parent: {
  88.         component: 'ButtonUnstyled',
  89.         state: ['disabled']
  90.       },
  91.       directives: {
  92.         textOpacity: 0.25,
  93.         textOpacityMode: 'blend'
  94.       }
  95.     }
  96.   ]
  97. }