Community
    • Login

    functionList.xml CSS

    Scheduled Pinned Locked Moved General Discussion
    3 Posts 2 Posters 1.5k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • AZJIO AZJIOA
      AZJIO AZJIO
      last edited by

      <!-- ================================ [ CSS ] -->

      		<parser
      			displayName="CSS"
      			id         ="css_class"
      			commentExpr="(?x)                                               # Utilize inline comments (see `RegEx - Pattern Modifiers`)
      							(?s:\x2F\x2A.*?\x2A\x2F)                        # Multi Line Comment
      						"
      		>
      			<function
      				mainExpr="[\r\n][.\w:,\h]+\s*\{"
      			>
      				<functionName>
      					<nameExpr expr="[.\w]+([.\w:, ]+)?" />
      				</functionName>
      			</function>
      		</parser>
      
      1 Reply Last reply Reply Quote 0
      • MAPJe71M
        MAPJe71
        last edited by MAPJe71

        Try to make the parser functional for CSS in general.

        Some examples for which it does not work right now:

        1. example-1.css
        @-webkit-keyframes show-logo {
            100% { opacity: 1; }
            75% { opacity: 0.8; }
            0% { opacity: 0; }
        }
        @keyframes show-logo {
            0% { opacity: 1; }
            75% { opacity: 0.8; }
            100% { opacity: 0; }
        }
        
        1. example-2.css
        /* Overall Page Area Styles */
        body, h1, h2, h3, h4, h5, h6, p { font-family:"Arial","Helvetica","sans-serif"; font-color:#000; }
        h1 { color: #660066; }
        h2 { color: #006666; }
        h3 { color: #003366; }
        table { border:0px; padding:0px; width:100%; background-color:#FFF; vertical-align:top; }
        img { align:center; }
        
        /* Top Logo Area Styles */
        tr td#logo { background-color:#EEE; padding-left:5; padding-top:5; margin-left:5; margin-top:5; vertical-align:top; width:20%; border-width:0; }
        
        /* Top Title Area Styles */
        tr td#title { background-color: #EEE; padding-left: 10px; padding-top:6px; margin-left:5px; margin-top:5px; vertical-align:top; border-width:0; text-align:center; }
        
        /* Navigation Area Styles */
        tr td#navigation { background-color: #EEE; padding-left:5; padding-top:10; margin-left:5; margin-top:5; vertical-align:top; font-weight:bold; font-size:medium; width:20%; border-width:0; }
        tr td#navigation a:link { color:#336699; text-decoration:none; background-color:#EEE; }
        tr td#navigation a:link:hover { color:#336699; text-decoration:underline; background-color:white; }
        tr td#navigation a:visited { color:#CC0033; text-decoration:none; background-color:#EEE; }
        tr td#navigation a:visited:hover { color:#CC0033; text-decoration:underline; background-color:white; }
        
        /* Content Styles */
        tr td#content { vertical-align:top; margin:5px; text-align:left }
        tr td#content a:link { color:#336699; text-decoration:none; background-color:white; }
        tr td#content a:link:hover { color:#336699; text-decoration:underline; background-color:#EEE; }
        tr td#content a:visited { color:#CC0033; text-decoration:none; background-color:white; }
        tr td#content a:visited:hover { color:#CC0033; text-decoration:underline; background-color:#EEE; }
        p.top { text-align:right}
        h2 { text-align:center}
        
        /* Bottom Logo Styles */
        tr td#bottom { background-color:#FFF; padding-left:3px; padding-top:6px; margin-left:3px; margin-top:5px; vertical-align:top; font-weight:bold; font-size:medium; width:20%; border-width:0; }
        
        /* Footer Area Styles */
        td#footer { background-color:#FFF; padding:10; font-size:small; text-align:center; }
        td#footer a:link { color:#336699; text-decoration:none; background-color:#EEE; }
        td#footer a:link:hover { color:#336699; text-decoration:underline; background-colorwhite; }
        td#footer a:visited { color:#CC0033; text-decoration:none; background-color:#EEE; }
        td#footer a:visited:hover { color:#CC0033; text-decoration:underline; background-color:white; }
        
        1 Reply Last reply Reply Quote 0
        • MAPJe71M
          MAPJe71
          last edited by

          See also alternative solution.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post
          The Community of users of the Notepad++ text editor.
          Powered by NodeBB | Contributors